Tailwind CSS-configgenerator

Deze tool bouwt een kant-en-klare Tailwind CSS-configuratie via een eenvoudig formulier, zodat je het JavaScript niet met de hand hoeft te schrijven. Stel een klasse-prefix in, schakel de important-vlag in en som de content-paden op die Tailwind moet doorzoeken. Je kunt aangepaste kleuren en lettertypefamilies toevoegen en de generator zet ze samen tot een net theme.extend-blok. Alles belandt in één tailwind.config.js die je rechtstreeks in je project plakt.

1. Stel op het tabblad Basis de prefix, de important-vlag en je content-paden in 2. Voeg op het tabblad Kleuren de naam en waarde van elke kleur toe 3. Voeg op het tabblad Lettertypen elk lettertype toe met zijn door komma's gescheiden stack 4. Open het tabblad Uitvoer en klik op Genereren 5. Controleer het bestand en plak het vervolgens in je project

Som één content-pad per regel op, zodat Tailwind de juiste bestanden doorzoekt op klassenamen. Aangepaste kleuren worden hulpklassen zoals bg-primary of text-brand, en een lettertype-invoer wordt font-sans of een naam die je kiest. Lege secties worden automatisch weggelaten, dus het gegenereerde bestand blijft netjes zelfs als je alleen kleuren of lettertypen invult. De uitvoer gebruikt de moderne ESM-exportindeling met de Tailwind-typehint bovenaan.