SMOOTHUI : 198 composants React animés, prêts pour shadcn/ui
⏱️ Temps de lecture estimé : 2 minutes
📌 SMOOTHUI est un catalogue de 198 composants React animés, gratuit et open source, qui se glisse dans n’importe quel projet shadcn/ui. Une commande installe un Dynamic Island façon iPhone ou une orbite style Siri Orb, et le code tombe dans votre dépôt avec ses dépendances déjà résolues.
L’usage est simple, et c’est ce que j’apprécie : vous avez déjà un projet shadcn, vous repérez un composant dans la galerie, vous lancez npx shadcn@latest add @smoothui/number-flow, et le fichier arrive dans components/smoothui/ui/. Pas de nouvelle bibliothèque à apprendre, pas de copier-coller ligne à ligne. Le cadre reste celui que vous connaissez : Tailwind CSS v4, React 19 avec Server Components et TypeScript, et Motion derrière chaque animation, avec une physique à ressort réglée finement et le respect de prefers-reduced-motion.
Le site va plus loin qu’une galerie. À côté des composants isolés — Dynamic Island, Siri Orb, AI Prompt Input, Infinite Slider — il propose des blocks prêts à l’emploi : hero, pricing, FAQ, témoignages, logos, stats, sections d’équipe. Et des templates complets à restyler. Pour une landing de prototype, on n’assemble plus, on décline.
Ce qui distingue vraiment SmoothUI, c’est le public visé : les agents de code. Le catalogue est lisible par machine — JSON et texte brut pour les contextes de LLM et les pipelines RAG — et une API publique sans authentification ni clé expose la recherche, les suggestions et le code source, avec spec OpenAPI. Le serveur MCP de shadcn fonctionne tel quel : un assistant peut chercher, installer et fournir un exemple d’usage sans ouvrir le navigateur.
- 🧩 Compatible shadcn/ui : installation en une commande, dépendances automatiques
- 🎬 Animations Motion à ressort, réduction de mouvement respectée
- 🧱 Blocks et templates : hero, tarifs, FAQ, pages complètes à restyler
- 🤖 Pensé pour les agents : catalogue en JSON, API publique sans clé
- 🔓 MIT, gratuit, le code installé vous appartient
Je trouve l’approche juste pour l’époque : une bibliothèque ne gagne plus en verrouillant des composants, mais en devenant le réflexe installable que vos agents connaissent déjà. Les réserves tiennent à la maturité — un projet jeune porté par son créateur Eduardo Calvo, autour de mille étoiles GitHub — et à un catalogue plus orienté effets que composants métier classiques. Mais pour donner du caractère à une interface, le rapport effort-résultat est excellent.
Sources
