Le site gratuit qui sauve tes UI de la bouillie
Une bibliothèque de composants gratuite qui se branche direct à Claude Code. Config en 2 minutes, prompts /ui et quoi récupérer.
Tes UIs générées par IA ressemblent à de la bouillie ? Normal. Les LLM n'ont pas de goût. Mais ils savent recopier proprement quand on leur donne du bon stock. 21st.dev, c'est ça : une bibliothèque gratuite de composants UI prêts à coller.
Pourquoi ça change tout
Au lieu de demander à Claude "fais-moi une landing", tu vas piocher 4 composants déjà beaux (hero, pricing, FAQ, footer), tu les colles, et tu demandes à Claude de les adapter à ton produit. Résultat : UI propre du premier jet, zéro re-prompt sur le CSS.
Le workflow en 4 temps
1. Tu choisis tes composants sur 21st.dev. Tu copies le code.
2. Tu ouvres Claude (ou Cursor) avec ton projet.
3. Tu colles + tu donnes ton contexte produit.
4. Tu demandes des micro-ajustements, pas une refonte.
Voici un composant React/Tailwind que je veux intégrer : [COLLE LE CODE 21st.dev] Mon contexte produit : - Nom : [nom] - Cible : [persona] - Promesse en 1 phrase : [promesse] - Couleur principale : [hex] Adapte le composant : 1. Remplace tous les textes par du copy réel pour mon produit 2. Garde la structure et le style intacts 3. Adapte uniquement la couleur principale 4. N'ajoute aucune dépendance Renvoie uniquement le code final, prêt à coller.
À retenir
Le goût se vole, pas s'apprend
Construis-toi une bibliothèque perso de 10 composants que tu trouves beaux. Réutilise-les sur tous tes projets. Ton style cohérent vient de là.
Tu aimes ce guide ?
Reçois mes prochains directement dans ta boîte mail.
En t'inscrivant, tu acceptes de recevoir mes emails. Désinscription en 1 clic.
À lire ensuite
Continue ta lancée
Pourquoi tes visuels IA sentent l’IA
Le problème, ce n’est pas l’outil. C’est ton prompt. Le framework pour obtenir des visuels vraiment propres, plus 50 prompts gratuits à récupérer.
Canva n’a plus rien à voir
Magic Design, Magic Switch, Magic Grab : Canva est blindé d’IA que tu n’utilises sûrement pas. Voilà comment l’exploiter pour de vrai.
Claude Code sans coder
Portails clients, dashboards, apps : tu décris ce que tu veux, Claude le construit. Pas besoin de savoir coder pour sortir de vrais outils.