Vault UI / Começar

Instalação

A Vault UI não é um pacote: é um registry do shadcn. O comando copia o código do componente para dentro do seu projeto.

  1. 1

    Um projeto com o shadcn

    Next, Vite ou qualquer React com Tailwind 4. Se o projeto ainda não usa o shadcn, rode o init uma vez.

    npx shadcn@latest init
  2. 2

    O tema

    As quatro cores do mosaico viram variáveis e utilitários. Todo componente já instala o tema junto; este passo é para quem quer só as cores.

    npx shadcn@latest add https://ui.ravoxlabs.com/r/vault-tema.json
  3. 3

    Um componente

    Cada página de componente tem o comando dele. O arquivo cai em components/ui e é seu para editar.

    npx shadcn@latest add https://ui.ravoxlabs.com/r/botao.json
Ver o primeiro componente