Tailwind CSS

Tailwind CSS ist ein Utility-First-CSS-Framework, das Low-Level-Utility-Klassen bereitstellt, um individuelle Designs direkt im Markup zu erstellen. Adam Wathan hat es 2017 entwickelt. Der Ansatz unterscheidet sich grundlegend von komponentenbasierten Frameworks wie Bootstrap: Statt vorgefertigter Komponenten bietet Tailwind atomare Klassen wie flex, pt-4, text-center und rotate-90, die sich zu jedem Design kombinieren lassen.

Version 4, erschienen Anfang 2025, ersetzt die JavaScript-Konfigurationsdatei durch einen CSS-first-Ansatz mit @theme-Direktiven, liefert eine neue Hochleistungs-Engine in Rust und Lightning CSS und erkennt Inhalte automatisch ohne manuelle Konfiguration. Das Ergebnis sind deutlich schnellere Builds und ein einfacheres Setup.

Tailwind hat sich zu einem der beliebtesten CSS-Frameworks entwickelt, besonders im React- und Vue-Ökosystem. Der Utility-First-Ansatz passt natürlich zu komponentenbasierten Architekturen, bei denen Styles zusammen mit dem Markup statt in separaten Stylesheets gepflegt werden. Das Projekt ist vollständig Open Source auf GitHub.