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

Desde o primeiro commit, o objetivo do shadcn/ui tem sido te dar padrões sólidos: espaçamento, marcadores de cor, animações, acessibilidade, e deixar você seguir a partir daí. Ajuste o código. Adicione novos componentes. Mude as cores. Estamos facilitando ainda mais com o npx shadcn create.

Comece com uma biblioteca de componentes: Radix ou Interface Base. Reconstruímos todos os componentes da interface base, mantendo a mesma abstração. Eles são totalmente compatíveis com seus componentes existentes, até mesmo aqueles retirados de registros remotos. Quando você adiciona componentes, detectamos automaticamente sua biblioteca e aplicamos as transformações corretas.

Também estamos adicionando 5 novos estilos visuais, projetados para ajudar você a construir algo único. 1. Vega – O visual clássico de shadcn/ui. 2. Nova – Espaçamento reduzido para layouts compactos. 3. Maia – Suave e arredondada, com espaçamento generoso. 4. Lyra – Quadrada e afiada. Combina bem com fontes mono. 5. Mira – Compacto. Feito para interfaces densas.

Isso vai além da tematização. Sua configuração não só muda as cores, ela reescreve o código do componente para combinar com sua configuração. Fontes, espaçamento, estrutura, até as bibliotecas que você usa, tudo se adapta às suas preferências. O novo CLI resolve tudo.

Vai lá tentar. Clique em +Novo Projeto em Um agradecimento especial à equipe @base_ui por construir uma biblioteca de componentes incrível. O trabalho deles facilitava construir tudo sem quebrar a abstração. Enorme.