Shadcn UI propose des dizaines de composants Tailwind prêts à copier-coller, 100 % customisables et basés sur Radix UI pour l’accessibilité. Devenu un standard pour les projets React et Next.js.
Contrairement à une librairie npm classique, les composants sont copiés dans votre dépôt : vous en gardez le contrôle total (style, comportement). Ils s’appuient sur Radix UI pour le comportement accessible (clavier, ARIA) et Tailwind pour le style. Pas de dépendance opaque qui impose une version : vous mettez à jour quand vous voulez.
Conseil : partir des composants de base (Button, Input, Dialog) et les adapter à votre design system (couleurs, espacements) pour garder la cohérence.
Points forts / Points faibles
Points forts
- Propriété du code : pas de black box, personnalisation totale
- Accessibilité (Radix) et design soigné (Tailwind) out of the box
- Pas de bundle supplémentaire lourd : uniquement ce que vous utilisez
- Documentation et communauté très actives
Points faibles
- Mises à jour manuelles : il faut suivre les changements du repo shadcn
- Choix de composants limité par rapport à MUI ou Ant Design
- Style par défaut à adapter si vous n’utilisez pas le thème sombre/clair fourni