Tailwind CSS

Tailwind CSS est un framework CSS « utility-first » : au lieu de définir une classe `.btn-primary` quelque part dans un fichier CSS, vous composez directement le style dans votre HTML/JSX avec des classes atomiques (`px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700`). À première vue ça ressemble à du CSS inline déguisé. En pratique, c'est devenu l'approche dominante pour les sites construits avec Next.js, Vue, Svelte ou même HTML pur — et notre choix par défaut chez Zaplo.

Les avantages réels (au-delà du marketing) : (1) bundle CSS minuscule — Tailwind ne génère que les classes effectivement utilisées (purge automatique), un site complet tient en 8-15 Ko gzippé là où Bootstrap fait 25-50 Ko, (2) pas de naming hell — vous ne passez plus 10 minutes à nommer `.product-card-image-wrapper-inner`, (3) design system intégré — espacements, tailles, couleurs sont cohérents par construction, (4) DX excellente : autocomplétion VSCode, refactor visuel direct dans le markup. Avec Tailwind v4 (sortie 2025), la config se fait en CSS pur et le compilateur Rust est ~10x plus rapide.

Les critiques classiques : « le HTML devient illisible » (vrai au début, mais avec des composants React on factorise très vite, et les plugins Prettier classent les classes), « ce n'est pas du vrai CSS » (faux, c'est du CSS atomique compilé). On l'utilise sur 100 % de nos sites sur-mesure et nos logiciels sur-mesure, souvent combiné à shadcn/ui pour les composants de base. Pour un site très design-driven avec des animations complexes, on complète avec Framer Motion et CSS modules ciblés. C'est aujourd'hui le combo le plus productif pour un projet React moderne.