Generatore di configurazioni CSS per Tailwind.
Generatore gratuito di configurazioni CSS per Tailwind, senza necessità di installazione. Strumento per la creazione di file configurazione Tailwind.config.js in modo visuale.
Informazioni su Generatore di configurazione Tailwind
Questo strumento crea un file di configurazione Tailwind CSS pronto all'uso tramite un semplice modulo, così non devi scrivere il JavaScript a mano. Imposta un prefisso di classe, attiva il flag important ed elenca i percorsi content che Tailwind deve scansionare. Puoi aggiungere colori e famiglie di font personalizzati e il generatore li assembla in un blocco theme.extend pulito. Tutto viene raccolto in un unico tailwind.config.js da copiare direttamente nel tuo progetto.
Come usare
1. Nella scheda Base imposta il prefisso, il flag important e i percorsi content 2. Nella scheda Colori aggiungi nome e valore di ogni colore 3. Nella scheda Font aggiungi ogni famiglia con il suo stack separato da virgole 4. Apri la scheda Output e clicca su Genera 5. Rivedi il file, poi Copialo nel tuo progetto
Suggerimenti per i migliori risultati
Elenca un percorso content per riga, in modo che Tailwind scansioni i file giusti in cerca dei nomi delle classi. I colori personalizzati diventano classi di utilità come bg-primary o text-brand, e una voce di font diventa font-sans o qualsiasi nome tu scelga. Le sezioni vuote sono omesse automaticamente, quindi il file generato resta ordinato anche se compili solo colori o font. L'output usa il moderno formato di export ESM con il suggerimento di tipo Tailwind in cima.
▶Cosa fa l'opzione prefisso?
▶Cos'è il flag important?
▶Come si usano i percorsi content?
▶Come aggiungo una famiglia di font?
▶Che formato ha l'output?
Se questo strumento è stato di aiuto per te, considera l’idea di regalarmi un caffè.
Comprami un caffè.