SaintJSONFerramentas sagradas para devs
Ferramenta sagrada

Conversor CSS para Tailwind Online Grátis

Converta blocos CSS em classes Tailwind e o caminho inverso em tempo real. Mapeamento de display, flex, espaçamento, tipografia e cores. 100% client-side.

A tradução cobre a santíssima trindade dos estilos: layout, espaçamento e tipografia. O resto clama por mapeamento manual.

Conversor CSS ⇄ Tailwind: O Bispo Tradutor

Duas abas, um único sermão: cole seu CSS puro e receba as classes utilitárias reveladas — ou cole as classes e reconstrua a liturgia do CSS. O tradutor cobre display, flex, position, alinhamento, espaçamento (rem na escala do Tailwind), border-radius, tipografia e cores.

Como funciona

1. Escolha a direção: CSS → Tailwind ou Tailwind → CSS.

2. O conversor mapeia cada propriedade para a classe equivalente (ou a pergunta inversa).

3. Declarações sem equivalente direto são listadas separadamente, sem te deixar na dúvida.

Quando usar

Migrar um projeto CSS legado para Tailwind, traduzir trechos de Stack Overflow, aprender os utilitários na prática e qualquer cerimônia de conversão de estilos.

Perguntas frequentes