Converter CSS em classes TailwindCSS
Converta declarações CSS em classes utilitárias do TailwindCSS, com alternativa de valor arbitrário.
Unrecognized properties become Tailwind arbitrary values ([property:value]). Double-check color and spacing mappings against your config.
🔒 100 % no cliente — nenhum dado enviado
Cole declarações CSS e obtenha as classes utilitárias TailwindCSS correspondentes. Propriedades reconhecidas são mapeadas para classes padrão, o restante para valores arbitrários. Conversão 100 % local.
What is it for?
- ▸ Migrar CSS existente para Tailwind
- ▸ Traduzir rapidamente um mockup CSS em classes
- ▸ Aprender os equivalentes Tailwind de uma propriedade
- ▸ Prototipar sem sair do editor
FAQ
Todas as propriedades são suportadas?
Propriedades comuns têm uma classe dedicada; o resto é convertido em um valor arbitrário do Tailwind, como [propriedade:valor].
Como são tratadas as margens e espaçamentos?
Valores múltiplos de 4px (ou 0,25rem) usam a escala do Tailwind (p-4, mt-2…); caso contrário, um valor arbitrário é gerado.
As cores são mapeadas para cores do Tailwind?
Não, as cores são mantidas como estão em um valor arbitrário (bg-[#hex]) porque dependem da configuração do seu tema.
Posso colar uma regra CSS completa?
Sim, o seletor e as chaves são ignorados; apenas as declarações são convertidas.