Générateur de configurations CSS pour Tailwind

Cet outil construit un fichier de configuration Tailwind CSS prêt à l'emploi via un simple formulaire, afin que vous n'ayez pas à écrire le JavaScript à la main. Définissez un préfixe de classe, activez le drapeau important et listez les chemins content que Tailwind doit scanner. Vous pouvez ajouter des couleurs et des familles de polices personnalisées, et le générateur les assemble dans un bloc theme.extend propre. Tout est regroupé dans un seul tailwind.config.js à copier directement dans votre projet.

1. Dans l'onglet Base, définissez le préfixe, le drapeau important et vos chemins content 2. Dans l'onglet Couleurs, ajoutez le nom et la valeur de chaque couleur 3. Dans l'onglet Polices, ajoutez chaque famille avec sa pile séparée par des virgules 4. Ouvrez l'onglet Sortie et cliquez sur Générer 5. Vérifiez le fichier, puis Copiez-le dans votre projet

Listez un chemin content par ligne pour que Tailwind scanne les bons fichiers à la recherche de noms de classes. Les couleurs personnalisées deviennent des classes utilitaires comme bg-primary ou text-brand, et une entrée de police devient font-sans ou tout nom que vous choisissez. Les sections vides sont automatiquement supprimées, donc le fichier généré reste soigné même si vous ne remplissez que les couleurs ou les polices. La sortie utilise le format d'export ESM moderne avec l'indication de type Tailwind en haut.