Gerador de configurações CSS Tailwind

Esta ferramenta monta um arquivo de configuração do Tailwind CSS pronto para uso por meio de um formulário simples, para que você não precise escrever o JavaScript à mão. Defina um prefixo de classe, alterne o sinalizador important e liste os caminhos content que o Tailwind deve vasculhar. Você pode adicionar cores e famílias de fontes personalizadas e o gerador as reúne em um bloco theme.extend limpo. Tudo vai para um único tailwind.config.js que você pode copiar direto para o projeto.

1. Na aba Básico, defina o prefixo, o sinalizador important e seus caminhos content 2. Na aba Cores, adicione o nome e o valor de cada cor 3. Na aba Fontes, adicione cada família com sua pilha separada por vírgulas 4. Abra a aba Saída e clique em Gerar 5. Revise o arquivo e então Copie para o seu projeto

Liste um caminho content por linha para que o Tailwind vasculhe os arquivos certos em busca de nomes de classes. As cores personalizadas viram classes utilitárias como bg-primary ou text-brand, e uma entrada de fonte vira font-sans ou qualquer nome que você escolher. Seções vazias são omitidas automaticamente, então o arquivo gerado fica arrumado mesmo que você preencha só cores ou fontes. A saída usa o formato moderno de exportação ESM com a dica de tipo do Tailwind no topo.