Conversor CSS a Tailwind
Convierte propiedades CSS a clases utilitarias de Tailwind CSS. Soporta layout, espaciado, tipografía, colores y más. Gratis, 100% en tu navegador.
CSS sin coincidencia (sin equivalente Tailwind encontrado):
Referencia
¿Qué es la conversión de CSS a Tailwind?
Tailwind CSS es un framework CSS utility-first donde estilizas elementos usando clases predefinidas como flex, p-4 y text-center en lugar de escribir CSS personalizado. Esta herramienta mapea propiedades CSS comunes a sus equivalentes en Tailwind.
Conversiones soportadas
Layout — display, position, propiedades flex y grid. Espaciado — padding, margin, gap, width, height. Tipografía — font-size, font-weight, text-align, text-transform. Colores — background-color, color, border-color con valores hexadecimales. Bordes — border-radius mapeado a la escala rounded de Tailwind. Efectos — opacity, cursor, overflow, visibility.
Privacidad
Toda la conversión se ejecuta 100% en tu navegador. No se envían datos a ningún servidor.