Tailwind CSS

Tailwind CSS a changé la façon d'écrire du style en imposant l'approche « utility-first » : au lieu d'écrire des feuilles de style à part, on compose l'apparence directement dans le HTML avec de petites classes (marge, couleur, espacement). L'intégration va plus vite et reste cohérente, sans bataille sur les noms de classes.

À quoi sert Tailwind CSS ?

Tailwind fournit un jeu de classes utilitaires calées sur un système de design (échelle d'espacements, palette, typographie). Son moteur ne génère que le CSS réellement utilisé, donc les fichiers restent légers. Il s'intègre naturellement à React, Next.js et la plupart des frameworks front, et se configure via un simple fichier pour coller à une charte.

Tailwind ou du CSS classique ?

Le CSS classique sépare structure et style, ce qui plaît aux puristes ; Tailwind assume le mélange pour gagner en vitesse et éviter la dérive des feuilles de style qui gonflent avec le temps. La critique récurrente est un HTML chargé de classes, moins lisible. En pratique, les composants réutilisables règlent ce point.

Quelles sont les limites de Tailwind CSS ?

La courbe d'apprentissage des noms de classes existe, et le balisage devient verbeux sur les éléments complexes. Le framework est gratuit, mais l'éditeur vend séparément Tailwind Plus (anciennement Tailwind UI), une bibliothèque de composants payante, à ne pas confondre avec le framework lui-même.