Generator konfiguracji CSS Tailwind.

To narzędzie buduje gotowy do użycia plik konfiguracji Tailwind CSS za pomocą prostego formularza, więc nie musisz pisać JavaScriptu ręcznie. Ustaw prefiks klas, przełącz flagę important i wymień ścieżki content, które Tailwind ma przeskanować. Możesz dodawać własne kolory i rodziny czcionek, a generator składa je w czysty blok theme.extend. Wszystko trafia do jednego pliku tailwind.config.js, który możesz wkleić bezpośrednio do projektu.

1. Na karcie Podstawowe ustaw prefiks, flagę important i ścieżki content 2. Na karcie Kolory dodaj nazwę i wartość każdego koloru 3. Na karcie Czcionki dodaj każdą rodzinę z rozdzielonym przecinkami zestawem 4. Otwórz kartę Wyjście i kliknij Generuj 5. Sprawdź plik, a następnie skopiuj go do projektu

Wypisz po jednej ścieżce content w wierszu, aby Tailwind przeskanował właściwe pliki w poszukiwaniu nazw klas. Własne kolory stają się klasami narzędziowymi takimi jak bg-primary czy text-brand, a wpis czcionki staje się font-sans lub dowolną wybraną nazwą. Puste sekcje są automatycznie pomijane, więc wygenerowany plik pozostaje porządny, nawet jeśli wypełnisz tylko kolory lub czcionki. Wynik używa nowoczesnego formatu eksportu ESM z podpowiedzią typu Tailwind na górze.