T’es dev et t’utilises Tailwind ? J’ai 193 cadeaux pour toi 👇
Des tools, des extensions, des librairies… Dans ce premier thread d’une longue série, je te donne de quoi faire passer tes UI au niveau supérieur 🧵
1. Tailwind Generator
Ne passe plus des heures à bidouiller tes divs. Ce générateur de composants Tailwind va doubler ta productivité.
2. Tailwind Gradient
Besoin d’un dégradé parfait pour ton texte ou ton background ? Cet outil te le génère instantanément.
3. Tailwind Shades
Tu choisis une couleur, il t’en propose toutes les nuances, prêtes à l’emploi dans Tailwind. Un must pour garder une UI cohérente.
4. GrayGrids
Tu dois pondre une UI pour hier ? GrayGrids, c’est un builder clés en main pour créer une interface en quelques minutes.
5. Tailwind Intellisense
Cette extension VSCode rend ton dev Tailwind beaucoup plus fluide :
- Autocomplétion
- Syntaxe
- Preview
Tu vas te régaler.
6. TailTemplates
Des templates tout prêts pour éviter d’y passer une semaine sur la landing page de ton MVP.
7. Gimli
Gimli, c’est une extension Chrome/Firefox qui te permet de modifier ton UI en direct. Un vrai gain de temps.
8. Transform
Un traducteur CSS → Tailwind. Tu colles ton ancienne classe CSS, il la convertit en classes Tailwind.
9. Tailwind Config Viewer
Obtiens un aperçu visuel de ta config Tailwind :
- Spacing
- Font size
- Border radius, etc.
Tout est là.
10. TailGrids
Besoin d’inspiration ou de composants prêts à coller ? TailGrids, c’est blocs, templates, UI packs en veux-tu en voilà.
11. UI Colors
Crée ta palette Tailwind personnalisée, et prévisualise-la sur différents composants.
Ce post a été publié sur X en avant-première. 👉 @flcarval