Apresentando shadcn/create – Crie o seu próprio shadcn/ui Personalize tudo. Escolha a sua biblioteca de componentes, ícones, cor base, tema, fontes e construa algo que não se pareça com o resto. Agora disponível para Next.js, Vite, TanStack Start e v0.

Desde o primeiro commit, o objetivo do shadcn/ui tem sido fornecer-lhe padrões sólidos: espaçamento, tokens de cor, animações, acessibilidade, e deixar que você siga a partir daí. Ajuste o código. Adicione novos componentes. Mude as cores. Estamos tornando isso ainda mais fácil com npx shadcn create.

Comece com uma biblioteca de componentes: Radix ou Base UI. Reconstruímos cada componente para o Base UI, mantendo a mesma abstração. Eles são totalmente compatíveis com os seus componentes existentes, mesmo aqueles retirados de registos remotos. Quando você adiciona componentes, detectamos automaticamente a sua biblioteca e aplicamos as transformações corretas.

Estamos também a adicionar 5 novos estilos visuais, projetados para ajudá-lo a construir algo único. 1. Vega – O clássico visual shadcn/ui. 2. Nova – Espaçamento reduzido para layouts compactos. 3. Maia – Suave e arredondado, com espaçamento generoso. 4. Lyra – Quadrado e afiado. Combina bem com fontes mono. 5. Mira – Compacto. Feito para interfaces densas.

Isto vai além da personalização. A sua configuração não muda apenas as cores, ela reescreve o código do componente para corresponder à sua configuração. Fontes, espaçamento, estrutura, até as bibliotecas que você usa, tudo se adapta às suas preferências. O novo CLI cuida de tudo.

Vá experimentar. Clique em +Novo Projeto em Um agradecimento especial à equipa @base_ui por construir uma incrível biblioteca de componentes. O trabalho deles facilitou a construção de tudo sem quebrar a abstração. Enorme.