Tailwind CSS v4 : Migration et nouvelles fonctionnalités

30 December 2025
205 views
Tailwind CSS v4 : Migration et nouvelles fonctionnalités

Tout ce qu'il faut savoir sur Tailwind CSS v4 : nouvelle architecture, performances et migration.

Tailwind v4 : Une réécriture complète

Tailwind v4 est construit sur un nouveau moteur CSS-first, abandonnant PostCSS pour de meilleures performances.

Nouvelles fonctionnalités

CSS-first configuration


/* globals.css */
@import "tailwindcss";

@theme {
  --color-primary: oklch(0.7 0.15 200);
  --font-sans: "Inter", sans-serif;
}

Container queries natifs


...

Migration

Utilisez l'outil de migration officiel :


npx @tailwindcss/upgrade

Performance

Compilation 10x plus rapide, CSS généré plus petit grâce à l'élimination intelligente des utilitaires inutilisés.

Keywords :

Tailwind CSSCSSfrontenddesignmigration

Loading comments...