shadcn/ui

shadcn/ui est une collection de composants d'interface : des morceaux d'écran prêts à l'emploi et déjà soignés (un menu déroulant, une fenêtre de confirmation, un tableau de données). Sa singularité, et son génie, est qu'il ne s'installe pas comme une boîte fermée : il copie le code de chaque composant directement dans votre projet, ce qui vous le rend modifiable à volonté — vous ne louez pas le composant, vous le possédez. Construit sur Tailwind, il s'intègre nativement à la stack Ottho. Sa seule contrepartie : comme le code vit chez vous, il n'y a pas de mise à jour automatique — mais c'est justement le prix de la liberté totale de personnalisation.

Face à des bibliothèques classiques comme Material UI ou Chakra UI, qui s'installent en bloc fermé, shadcn/ui gagne sur la personnalisation : avec elles, adapter un composant à votre charte est un combat, ici c'est votre propre code que vous reteinte. Face à un design « tout-Tailwind » fait à la main, shadcn/ui gagne sur la vitesse et l'accessibilité (les composants gèrent d'office le clavier et les lecteurs d'écran). C'est devenu, en 2026, le choix par défaut des projets Next.js qui veulent à la fois aller vite et garder un look distinctif.

Adoptez shadcn/ui dès que vous construisez une vraie interface d'application (un tableau de bord, un espace client, un formulaire un peu riche) : c'est le raccourci qui vous fait gagner des heures sur des composants pénibles à fabriquer de zéro. Vous ne l'installez pas vous-même : Claude Code ajoute les composants voulus et les adapte à vos couleurs et à votre marque. Sautez l'étape uniquement pour une simple page vitrine, où une poignée d'éléments Tailwind suffit — inutile de sortir l'artillerie pour trois sections.