Convertidor de CSS a Tailwind
Migrar un proyecto a Tailwind puede ser tedioso con años de CSS heredado. Este convertidor de CSS a Tailwind te permite avanzar mas rapido transformando declaraciones comunes en clases de utilidad. Pega una regla como .card { padding: 16px; } y obten el string para el atributo class. Si un valor no encaja en la escala estandar, la herramienta genera valores arbitrarios como p-[18px].
Paste declarations or full rules. Selectors are ignored. Output is best-effort and may need small edits.
Por Que la Conversion No Es 1:1?
Tailwind es un sistema restringido: Muchas utilidades se ajustan a una escala predefinida. Si tu CSS usa valores fuera de esa escala, Tailwind intentara aproximarse o usara corchetes para valores arbitrarios.
El CSS puede ser contextual: Algunas propiedades asumen ciertos contextos de diseño (como justify-content asumiendo display: flex). Este traductor se enfoca en mapeos directos y seguros.
Herramienta de aceleracion: El objetivo es ahorrar tiempo en el trabajo repetitivo de migracion, pero siempre tendras la palabra final sobre el refactor.