Conversor de CSS a Tailwind gratuito
El Conversor de CSS a Tailwind traduce declaraciones CSS planas en clases de utilidad Tailwind equivalentes. Pega un bloque CSS y obtén las clases correspondientes para espaciado, tipografía, colores, bordes y más.
Cómo usarlo
Pega tu CSS a la izquierda y haz clic en Convertir. Cada declaración reconocida se convierte en una clase Tailwind; todo lo que no pueda mapear se muestra como comentario para que nada se pierda en silencio.
- Mapea propiedades de espaciado, tamaño, tipografía, color, borde y flex
- Convierte valores px a la escala de espaciado y tamaño de Tailwind
- Los colores se convierten a la paleta Tailwind más cercana cuando el hex exacto no está disponible
- Las declaraciones sin mapeo se marcan en comentarios
- Se ejecuta enteramente en tu navegador
Cómo funciona el mapeo
Tailwind es un framework de utilidades, así que no todo valor CSS tiene una clase uno a uno. Los valores comunes se mapean limpiamente (margin, padding, font-size, color). Para valores arbitrarios el conversor puede emitir la sintaxis de corchetes como w-[320px] para que la salida siga funcionando.
Herramientas para desarrolladores relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con CSS a Tailwind: