Tailwind CSS v4 es un rediseño completo. Usa el motor CSS nativo de Cascade Layers, configuración via CSS en lugar de JS, y nuevas utilidades.

Configuración via CSS

Adiós a tailwind.config.js. La configuración se hace en CSS con @theme, @utility, @variant. @import "tailwindcss" reemplaza las directivas anteriores.

Rendimiento

Engine de CSS nativo sin PostCSS. Compilación 10x más rápida. Cero dependencias de JavaScript en tiempo de ejecución.

Nuevas utilidades

inset-*, field-sizing-*, @starting-style para animaciones de entrada. color-mix(), light-dark(). Soporte mejorado para contenedores.

Migración desde v3

No breaking changes en clases utilitarias. Migración gradual. CLI @tailwindcss/upgrade ayuda con la transición. Nuevo archivo CSS reemplaza config JS.