Design System

Componentes

Biblioteca de componentes categorizados. Cada item inclui preview, variantes, props e comando de instalação via registry.

Ações

Disparam ações ou comunicam estado.

Button

5 variantes, 3 tamanhos, asChild

Badge

Labels inline para status e categoria

Data Display

Estruturam e exibem conteúdo.

Card

Container com header, content e footer

Avatar

Imagem de perfil com fallback

Table

Tabela responsiva semântica

Accordion

Lista expansível via Radix

Carousel

Marquee infinito com fade nas bordas

Separator

Divisor visual horizontal ou vertical

Data Input

Capturam dados do usuário.

Input

Campo de texto token-aware

Label

Label acessível via Radix

Checkbox

Caixa com estado indeterminado

Radio

Opções exclusivas via Radix

Select

Dropdown acessível via Radix

Textarea

Campo multilinhas

Calendar

Seletor de datas via react-day-picker

Switch

Toggle binário acessível via Radix

Navegação

Movimentam o usuário pela interface.

Navbar

Header responsivo com hamburger

Tabs

Abas via Radix Tabs

Breadcrumb

Trilha de navegação hierárquica

Dropdown

Menu flutuante via Radix

Drawer

Painel lateral deslizante

Pagination

Controles de paginação

Sidebar

Painel lateral colapsável com contexto

Feedback

Comunicam resultado de ações ao usuário.

Alert

Mensagem inline com variantes

Toast

Notificação temporária

Tooltip

Dica flutuante ao hover

Dialog

Modal acessível via Radix

Skeleton

Placeholder de carregamento

Progress

Barra de progresso via Radix

Spinner

Indicador de carregamento animado

Sonner

Toasts via sonner com tema automático

Disponível com demo Em construção