Conversor CSS → Tailwind

Cómo usar

Convierte propiedades CSS estándar a clases de utilidad de Tailwind CSS. Soporta diseño, espaciado, tipografía y más.

1. 1Paste your CSS properties into the input area (e.g., `margin: 16px; color: red;`).
2. 2The tool maps each CSS property to the closest Tailwind CSS utility class.
3. 3Review the generated Tailwind classes in the output panel.
4. 4Copy the classes and apply them to your HTML elements directly.

Características

• Converts common CSS properties to equivalent Tailwind utility classes
• Handles spacing, colors, typography, flexbox, and border properties
• Highlights properties with no direct Tailwind equivalent
• Output is formatted as a class string ready to drop into JSX or HTML

Preguntas frecuentes

Más información

• Tailwind CSS v4 Complete Guide