Conversor Tailwind ↔ CSS
Pega clases utilitarias de Tailwind para ver el CSS que generan, o pega CSS para obtener las clases Tailwind más cercanas. Cubre las utilidades más comunes y se actualiza mientras escribes — nada se envía al servidor.
Pega algunas clases Tailwind arriba para ver el CSS.
Cubre las utilidades más comunes, no todo el framework. Las variantes (hover:, md:, dark:), valores arbitrarios ([…]) y utilidades raras se pasan sin cambios.
Todo se ejecuta en tu navegador. Sin subidas, sin registro.
Cómo funciona
Elige la dirección
Cambia entre los modos Tailwind → CSS y CSS → Tailwind. El campo de entrada y el ejemplo se actualizan según la dirección elegida.
Pega tu código
Introduce una lista de clases Tailwind o un bloque de declaraciones CSS. La conversión ocurre en tiempo real en tu navegador mientras escribes — nada sale de tu dispositivo.
Copia el resultado
Copia el CSS generado o las clases Tailwind sugeridas con un solo clic y pégalos directamente en tu proyecto.