Tailwind CSS

Tailwind est un framework CSS qui fonctionne selon une approche utility-first : plutôt que d'écrire des styles personnalisés, on assemble l'apparence d'un élément à partir de nombreuses petites classes prêtes à l'emploi, chacune responsable d'un seul aspect visuel (couleur, espacement, taille, alignement...).

Sa fonction principale :

Éviter d'écrire et de maintenir des fichiers CSS séparés
Offrir une échelle de valeurs cohérente (espacements, tailles, couleurs) pour garder un design harmonieux sans y réfléchir
Permettre d'adapter facilement l'affichage selon la taille d'écran (mobile, tablette, desktop)
Gérer les états interactifs (survol, focus, clic) directement dans le balisage
Ne compiler que les styles réellement utilisés, pour garder un fichier CSS final très léger

En résumé : Tailwind déplace la logique de style du CSS vers le balisage lui-même, ce qui accélère le développement et limite les allers-retours entre fichiers.