Tailwind CSS v4 wurde im Januar 2025 veröffentlicht und stellt die bedeutendste Änderung in der Geschichte des Frameworks dar. Es geht nicht um inkrementelle Ergänzungen — es ist eine tiefgreifende Neuentwicklung, die verändert, wie wir über Konfiguration, Theming und Integration mit modernem Tooling denken.
Auf Wiedersehen tailwind.config.js
Die wirkungsvollste Änderung: Die Konfiguration zieht vollständig in die CSS-Datei um. Kein tailwind.config.js mehr — alles lebt jetzt in @theme, einer nativen CSS-Direktive, die Tailwind zur Definition des Design-Token-Systems einführt.
Vorher (v3)
In v3 definierte die JavaScript-Konfigurationsdatei Farben, Schriftarten, Breakpoints und jeden Aspekt des Design Systems. Ein funktionaler Ansatz, der aber erforderte, CSS zu verlassen, um CSS zu verwalten.
Jetzt (v4)
Mit @theme leben Token als Custom Properties im CSS selbst. Das Ergebnis ist ein kohärenteres und verständlicheres System, bei dem das gesamte Design an einem Ort definiert wird — im Stylesheet.
Performance: 5x schnellere Builds
Die neue, in Rust neu geschriebene Engine bringt drastische Verbesserungen: vollständige Builds bis zu 5x schneller als v3 und inkrementelle Builds über 100x schneller. In einem realen mittelgroßen Projekt bedeutet das den Wechsel von 800ms auf unter 100ms für einen Rebuild.
- Vollständiger Build: bis zu 5x schneller
- Inkrementeller Build: über 100x schneller
- Deutlich reduzierter Speicherverbrauch
- Keine PostCSS-Abhängigkeit (optional in v4)
Natives Vite-Plugin
Tailwind v4 führt @tailwindcss/vite ein, ein natives Vite-Plugin, das die Notwendigkeit der PostCSS-Konfiguration ersetzt. Die Integration ist sofort und bringt noch bessere Performance für den Development Server.
Wir haben diese Website während der Entwicklung auf Tailwind v4 aktualisiert. Die Build-Zeit sank von 2,1s auf 0,4s. Das Entwicklererlebnis verbesserte sich spürbar.
Kompatibilität und Migration
Die Migration von v3 auf v4 erfordert etwas Sorgfalt. Bestehende Utility-Klassen sind fast alle kompatibel, aber die Konfiguration muss neu geschrieben werden. Das Tailwind-Team hat ein automatisches Migrationstool veröffentlicht, das die meisten Fälle behandelt.
Lohnt sich das Upgrade?
Für neue Projekte: Auf jeden Fall ja, starten Sie direkt mit v4. Für bestehende Projekte: Bewerten Sie die Migrationskosten. Bei mittelgroßen Projekten sind die Kosten gering (2-4 Stunden) und die Vorteile in Bezug auf DX und Build-Zeit sind sofort spürbar.