Gerador de configurações CSS Tailwind
Gerador de configurações CSS Tailwind online gratuito, sem necessidade de instalação. Editor visual para a criação de arquivos tailwind.config.js.
Sobre Gerador de configuração 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.
Como usar
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
Dicas para melhores resultados
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.
▶O que faz a opção de prefixo?
▶O que é o sinalizador important?
▶Como os caminhos content são usados?
▶Como adiciono uma família de fontes?
▶Qual o formato da saída?
Se este ferramenta foi útil para você, pense em me dar um café.
Compre um café para mim.