Presentamos shadcn/create – Crea tu propio shadcn/ui Personaliza todo. Elige tu biblioteca de componentes, íconos, color base, tema, fuentes y construye algo que no se parezca a todo lo demás. Ahora disponible para Next.js, Vite, TanStack Start y v0.

Desde el primer commit, el objetivo de shadcn/ui ha sido ofrecerte valores predeterminados sólidos: espaciado, tokens de color, animaciones, accesibilidad, y dejarte continuar desde allí. Ajusta el código. Agrega nuevos componentes. Cambia los colores. Estamos facilitando esto aún más con npx shadcn create.

Comienza con una biblioteca de componentes: Radix o Base UI. Rehicimos cada componente para Base UI, manteniendo la misma abstracción. Son totalmente compatibles con tus componentes existentes, incluso aquellos extraídos de registros remotos. Cuando agregas componentes, detectamos automáticamente tu biblioteca y aplicamos las transformaciones adecuadas.

También estamos añadiendo 5 nuevos estilos visuales, diseñados para ayudarte a construir algo único. 1. Vega – El aspecto clásico de shadcn/ui. 2. Nova – Espaciado reducido para diseños compactos. 3. Maia – Suave y redondeado, con un espaciado generoso. 4. Lyra – Cuadrado y afilado. Combina bien con fuentes monoespaciadas. 5. Mira – Compacto. Hecho para interfaces densas.

Esto va más allá de la personalización. Tu configuración no solo cambia los colores, reescribe el código del componente para que coincida con tu configuración. Fuentes, espaciado, estructura, incluso las bibliotecas que usas, todo se adapta a tus preferencias. La nueva CLI se encarga de todo.

Ve a probarlo. Haz clic en +Nuevo Proyecto en Un agradecimiento especial al equipo de @base_ui por construir una increíble biblioteca de componentes. Su trabajo facilitó la construcción de todo sin romper la abstracción. Enorme.