Convertir CSS en clases de TailwindCSS
Convierte declaraciones CSS en clases de utilidad de TailwindCSS, con alternativa de valor arbitrario.
Unrecognized properties become Tailwind arbitrary values ([property:value]). Double-check color and spacing mappings against your config.
🔒 100 % en el cliente — no se envía ningún dato
Pega declaraciones CSS y obtén las clases utilitarias de TailwindCSS correspondientes. Las propiedades reconocidas se asignan a clases estándar y el resto a valores arbitrarios. Conversión 100 % local.
What is it for?
- ▸ Migrar CSS existente a Tailwind
- ▸ Traducir rápidamente una maqueta CSS en clases
- ▸ Aprender los equivalentes en Tailwind de una propiedad
- ▸ Prototipar sin salir del editor
FAQ
¿Se admiten todas las propiedades?
Las propiedades comunes tienen una clase dedicada; el resto se convierte en un valor arbitrario de Tailwind, del tipo [propiedad:valor].
¿Cómo se manejan los márgenes y espaciados?
Los valores múltiplos de 4px (o 0,25rem) usan la escala de Tailwind (p-4, mt-2…); si no, se genera un valor arbitrario.
¿Los colores se asignan a colores de Tailwind?
No, los colores se mantienen tal cual en un valor arbitrario (bg-[#hex]) porque dependen de tu configuración de tema.
¿Puedo pegar una regla CSS completa?
Sí, el selector y las llaves se ignoran; solo se convierten las declaraciones.