Tailwind-CSS-Config-Generator

Dieses Werkzeug erstellt eine gebrauchsfertige Tailwind-CSS-Konfigurationsdatei über ein einfaches Formular, sodass Sie das JavaScript nicht von Hand schreiben müssen. Setzen Sie ein Klassen-Präfix, schalten Sie das important-Flag und listen Sie die content-Pfade auf, die Tailwind durchsuchen soll. Sie können eigene Farb-Tokens und Schriftfamilien hinzufügen, und der Generator fügt sie zu einem sauberen theme.extend-Block zusammen. Alles landet in einer einzigen tailwind.config.js, die Sie direkt in Ihr Projekt kopieren.

1. Setzen Sie im Tab Basis das Präfix, das important-Flag und Ihre content-Pfade 2. Fügen Sie im Tab Farben Name und Wert jeder eigenen Farbe hinzu 3. Fügen Sie im Tab Schriften jede Schriftfamilie mit ihrem kommagetrennten Stack hinzu 4. Öffnen Sie den Tab Ausgabe und klicken Sie auf Generieren 5. Prüfen Sie die Datei und kopieren Sie sie ins Projekt

Schreiben Sie einen content-Pfad pro Zeile, damit Tailwind die richtigen Dateien nach Klassennamen durchsucht. Eigene Farben werden zu Hilfsklassen wie bg-primary oder text-brand, und ein Schrift-Eintrag wird zu font-sans oder einem Namen Ihrer Wahl. Leere Abschnitte werden automatisch weggelassen, sodass die generierte Datei ordentlich bleibt, selbst wenn Sie nur Farben oder Schriften ausfüllen. Die Ausgabe nutzt das moderne ESM-Exportformat mit dem Tailwind-Typhinweis oben.