Tailwind CSS v4 è uscito a gennaio 2025 e rappresenta il cambiamento più significativo nella storia del framework. Non si tratta di aggiunte incrementali: è una riscrittura profonda che cambia il modo in cui pensiamo alla configurazione, al theming e all'integrazione con il tooling moderno.
Addio a tailwind.config.js
La novità più impattante: la configurazione si sposta completamente nel file CSS. Niente più tailwind.config.js — tutto vive ora in @theme, una direttiva CSS nativa che Tailwind introduce per definire il design token system.
Prima (v3)
In v3 il file di configurazione in JavaScript definiva colori, font, breakpoint e ogni aspetto del design system. Un approccio funzionale ma che richiedeva di uscire dal CSS per gestire il CSS.
Ora (v4)
Con @theme, i token vivono nel CSS stesso come custom properties. Il risultato è un sistema più coerente e intellegibile, dove tutto il design è definito in un unico posto — il foglio di stile.
Performance: 5x più veloce nelle build
Il nuovo engine, riscritto in Rust, porta miglioramenti drastici: build complete fino a 5x più veloci rispetto a v3, e build incrementali oltre 100x più veloci. In un progetto reale di dimensioni medie, questo significa passare da 800ms a meno di 100ms per un rebuild.
- Full build: fino a 5x più veloce
- Incremental build: oltre 100x più veloce
- Memory usage significativamente ridotto
- Nessuna dipendenza da PostCSS (opzionale in v4)
Vite plugin nativo
Tailwind v4 introduce @tailwindcss/vite, un plugin Vite nativo che sostituisce la necessità di configurare PostCSS. L'integrazione è immediata e porta performance ancora migliori nel development server.
Abbiamo aggiornato questo stesso sito a Tailwind v4 durante lo sviluppo. Il tempo di build è passato da 2.1s a 0.4s. Il developer experience è notevolmente migliorato.
Compatibilità e migrazione
La migrazione da v3 a v4 richiede alcune attenzioni. Le utility class esistenti sono quasi tutte compatibili, ma la configurazione va riscritta. Il team di Tailwind ha rilasciato uno strumento di migrazione automatica che gestisce la maggior parte dei casi.
Vale la pena aggiornare?
Per nuovi progetti: assolutamente sì, partite direttamente da v4. Per progetti esistenti: valutate il costo della migrazione. Su progetti di dimensioni medie il costo è basso (2-4 ore) e i benefici in termini di DX e build time sono immediati.