Design Vaultby Ravox

Beta8 componentes · React + Tailwind · shadcn

Vault
UI

Componentes React + Tailwind com a identidade do Design Vault. Você instala com o shadcn e o código vai para o seu projeto: é seu para editar.

Comece pelo botão

npx shadcn@latest add https://ui.ravoxlabs.com/r/botao.json

Básicos

2 componentes

BotãoCinco variantes (padrão, contorno, fantasma, mosaico e tecla) e quatro tamanhos.EtiquetaBadge com o pontinho nas cores do mosaico. Sem cor, fica neutra.

Navegação

1 componente

AbasnovoO indicador estica como elástico de uma aba até a outra. Setas, Home e End navegam pelo teclado.

Superfícies

3 componentes

MolduraCartão com respiro interno para vitrine: tudo ganha o mesmo acabamento.NavegadorJanela de navegador com barra de endereço, para mostrar sites e prévias.TerminalJanela de terminal com linha de comando, saída apagada e cursor piscando.

Texto e movimento

2 componentes

Texto mosaicoTexto com o degradê das quatro cores e o ponto de mosaico, que gira quando o mouse passa no título.FaixaMarquee sem emenda: sentido alternável, bordas esmaecidas e pausa no hover. Fica parada com movimento reduzido.