In der Praxis
Tailwind CSS ist ein CSS-Framework, das im Gegensatz zu klassischen Frameworks wie Bootstrap keine vorgefertigten Komponenten wie Buttons oder Cards erzwingt. Stattdessen arbeitet es mit sogenannten Utility-Klassen, zum Beispiel für Abstände, Farben und Schriftgrößen, die direkt im HTML-Code kombiniert werden. Dies ermöglicht individuelle und präzise Designs, ohne große Custom-CSS-Dateien aufzubauen. Im Build-Prozess sorgt Tailwind zudem dafür, dass nur das CSS geliefert wird, das tatsächlich verwendet wird. Das unterstützt kurze Ladezeiten und gute PageSpeed-Werte.