
Composants et templates React faits main — pas de la camelote générée par IA
Aperçu du Produit
21st.dev est un registre communautaire de composants et templates React prêts pour la production, soutenu par Y Combinator et construit sur shadcn/ui, Tailwind CSS et Radix UI. Parcourez des milliers de composants UI organisés — des barres de navigation et sections hero aux interfaces de chat IA et visualisations de données — installez-les avec une seule commande npx et possédez le code. Les fonctionnalités incluent Magic Chat pour la génération UI par IA à partir de langage naturel, Magic MCP pour générer des composants directement dans les IDE IA comme Cursor et Windsurf, un CLI pour la recherche sémantique et l'installation en une commande, la génération de variantes par IA, la publication de composants et un SDK Agents pour déployer des agents IA avec exécution sandboxée, streaming et observabilité. Le niveau gratuit comprend 2 copies de composants par jour et 100 crédits IA mensuels.
Idéal pour
Développeurs React et ingénieurs design qui ont besoin de composants UI prêts pour la production, qu'ils peuvent installer instantanément et posséder, avec la possibilité de générer de nouveaux composants à l'aide d'assistants de codage IA.
Fonctionnalités Clés
- Registre communautaire de milliers de composants React/Tailwind faits main
- Magic Chat — générateur UI piloté par IA à partir de descriptions en langage naturel
- Magic MCP — générez des composants directement dans Cursor, Windsurf et autres IDE IA
- Installation en une commande via npx shadcn
- Génération de variantes par IA avec comparaison côte à côte
- Publication de composants avec détection automatique du nom, des tags et de la démo
- SDK Agents avec exécution sandboxée, streaming, authentification et observabilité
- Recherche sémantique dans les composants, thèmes et templates
- Clone de site — recréez n'importe quel design de site à partir d'une URL (Pro)
- 2 copies gratuites de composants par jour, 100 crédits IA mensuels gratuits
Avantages
- +Qualité organisée — de vrais composants, pas du bruit généré par IA
- +Vous possédez le code — sans verrouillage fournisseur ni dépendances d'exécution
- +Fonctionne parfaitement avec les assistants de codage IA via MCP
- +Communauté active avec des milliers de composants et templates
- +Niveau gratuit disponible avec des limites quotidiennes généreuses
- +Soutenu par Y Combinator avec un développement actif
Inconvénients
- -React uniquement — pas de support pour Vue, Svelte ou autres frameworks
- -Nécessite une configuration shadcn/ui et Tailwind CSS dans votre projet
- -La qualité varie selon les contributions de la communauté
- -Limite quotidienne de copies dans le niveau gratuit (2 par jour)
/// SPÉCIFICATIONS
- Tarif :ProFreemembership
- Plateforme :Web


