Présentation de shadcn/create – Créez votre propre shadcn/ui Personnalisez tout. Choisissez votre bibliothèque de composants, vos icônes, votre couleur de base, votre thème, vos polices et construisez quelque chose qui ne ressemble pas à tout le reste. Maintenant disponible pour Next.js, Vite, TanStack Start et v0.

Depuis le tout premier commit, l'objectif de shadcn/ui a été de vous fournir des valeurs par défaut solides : espacement, tokens de couleur, animations, accessibilité, et de vous laisser le soin de continuer à partir de là. Modifiez le code. Ajoutez de nouveaux composants. Changez les couleurs. Nous rendons cela encore plus facile avec npx shadcn create.

Commencez par une bibliothèque de composants : Radix ou Base UI. Nous avons reconstruit chaque composant pour Base UI, en conservant la même abstraction. Ils sont entièrement compatibles avec vos composants existants, même ceux provenant de registres distants. Lorsque vous ajoutez des composants, nous détectons automatiquement votre bibliothèque et appliquons les bonnes transformations.

Nous ajoutons également 5 nouveaux styles visuels, conçus pour vous aider à créer quelque chose d'unique. 1. Vega – Le look classique de shadcn/ui. 2. Nova – Espacement réduit pour des mises en page compactes. 3. Maia – Doux et arrondi, avec un espacement généreux. 4. Lyra – Carré et net. S'associe bien avec des polices mono. 5. Mira – Compact. Conçu pour des interfaces denses.

Cela va au-delà du thème. Votre configuration ne se contente pas de changer les couleurs, elle réécrit le code des composants pour correspondre à votre configuration. Les polices, les espacements, la structure, même les bibliothèques que vous utilisez, tout s'adapte à vos préférences. Le nouveau CLI s'occupe de tout.

Allez-y, essayez. Cliquez sur +Nouveau projet sur Un grand merci à l'équipe @base_ui pour avoir construit une incroyable bibliothèque de composants. Leur travail a facilité la création de tout sans rompre l'abstraction. Énorme.