Tailwind CSS 4 simplifie la config (CSS-first, @theme) et améliore les performances. Nouveau moteur (Oxide), compatibilité avec les composants et les design systems. Migration depuis v3.

La configuration passe en CSS-first : variables et thème dans un fichier CSS (@theme). Le moteur Oxide (Rust) accélère le build. Les utilitaires restent familiers (flex, grid, spacing). Pour les projets qui utilisent déjà Tailwind, la v4 réduit la complexité de la config (postcss, tailwind.config.js) et améliore la maintenabilité. Les design tokens peuvent être définis dans @theme. Migration documentée depuis v3.

Conseil : tester la v4 sur une branche, vérifier les breaking changes et les plugins.

Points forts / Points faibles

Points forts

  • Config CSS-first et @theme
  • Performances (Oxide)
  • Utilitaires et écosystème
  • Migration v3 documentée

Points faibles

  • Changements de config à absorber
  • Plugins à mettre à jour
  • Doc et exemples en cours