Pular para o conteúdo

Conversor CSS para Tailwind

Converta propriedades CSS em classes utilitárias Tailwind CSS. Suporta layout, espaçamento, tipografia, cores e mais. Grátis, 100% no seu navegador.

O que é conversão CSS para Tailwind?

Tailwind CSS é um framework CSS utility-first onde elementos são estilizados com classes predefinidas como flex, p-4 e text-center. Esta ferramenta mapeia propriedades CSS comuns para seus equivalentes Tailwind.

Conversões suportadas

Layout — display, position, flex, grid. Espaçamento — padding, margin, gap, width, height. Tipografia — font-size, font-weight, text-align. Cores — background-color, color, border-color com valores hexadecimais. Bordas — border-radius. Efeitos — opacity, cursor, overflow.

Privacidade

Toda a conversão é executada 100% no seu navegador. Nenhum dado é enviado a servidores.