Webseiten stylen mit dem Frontend-Framework TailwindCSS
Das Frontend-Framework TailwindCSS erfreut sich zunehmender Beliebtheit, um Webseiten und ihre Komponenten ohne Schwierigkeiten zu gestalten.
![](https://heise.cloudimg.io/width/610/q85.png-lossy-85.webp-lossy-85.foil1/_www-heise-de_/imgs/18/3/0/2/5/6/3/7/bild_1-b8a0827002096bd4.jpeg)
- Dr. Florence Maurice
TailwindCSS ist ein sogenanntes Utility-Frontend-Framework: mithilfe von Klassen und ohne den HTML-Code zu verlassen, können Sie Webseiten und Komponenten rasch und unkompliziert aufhübschen.
Die Klassen bezeichnen dabei die einzelnen CSS-Formatierungen, über die sich dann Designs definieren lassen. Wer bisher mit einem Framework wie Bootstrap gearbeitet hat, wird den Ansatz erst einmal gewöhnungsbedürftig finden – aber es lohnt, sich darauf einzulassen: Mit TailwindCSS lässt sich schnell und produktiv arbeiten und es bietet weitreichende Konfigurationsmöglichkeiten und Erleichterungen bei der Arbeit mit CSS.
Loslegen mit TailwindCSS
Für TailwindCSS nutzen Sie ein normales HTML-Template mit HTML5-Doctype, Meta-Viewport-Angabe und einem Verweis auf die TailwindCSS-Datei. Im Beispiel heißt das Dokument index.html:
Das war die Leseprobe unseres heise-Plus-Artikels "Webseiten stylen mit dem Frontend-Framework TailwindCSS". Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.