Introdução
Componentes acessíveis com Base UI e Tailwind CSS v4. Instale pelo shadcn CLI e edite o código direto no seu projeto.
O que é
Instale os componentes do cd/ui pelo shadcn CLI. Os arquivos vão direto pra components/ui e ficam no seu projeto pra você editar. O Base UI cuida do foco e do teclado. O cd/ui traz os estilos e deixa tamanho e movimento no radar.
Princípios
Peso medido no build
Cada componente é empacotado e medido em gzip no build. Média: 695 B. Maior: 1.7 kB.
Servidor por padrão
9 dos 32 componentes rodam como React Server Components e não enviam JavaScript pro navegador.
Acessibilidade desde a base
O Base UI cuida dos comportamentos de foco, teclado e atributos aria. Você compõe esses padrões sem começar do zero.
Comece sem cerimônia
Cada componente tem uma importação e uma API enxuta. No Form, passe um schema Zod e conecte os campos pelo name.
Movimento na medida
Animações curtas, feitas com transform e opacity. Todos os componentes respeitam prefers-reduced-motion.
O código fica com você
O shadcn CLI copia cada arquivo pro seu projeto. Quer mudar um detalhe? Abra o componente e edite direto.
Quando usar
Use o cd/ui pra começar com componentes prontos sem abrir mão do controle. Funciona com Next.js e outros apps React com Tailwind CSS v4. Instale só o que precisa e ajuste o código à vontade.
Quer começar? veja como instalar →