Desarrollo
Tailwind CSS Converter
Convert vanilla CSS to Tailwind utility classes and Tailwind classes back to CSS
Con la confianza de más de 10k desarrolladores
CSS Input
Tailwind Output
How it works
- • CSS → Tailwind: Paste vanilla CSS and get the equivalent Tailwind utility classes.
- • Tailwind → CSS: Paste Tailwind classes and get the equivalent vanilla CSS.
- • Supports display, position, flexbox, spacing, colors, typography, borders, shadows, and more.
- • Properties without a direct Tailwind match use arbitrary value syntax like
w-[300px]. - • Everything runs locally in your browser — no data is sent anywhere.
Sigue explorando
Otras herramientas de Desarrollo que te pueden gustar…
Formateador JSON
Formatea y valida JSON con resaltado de sintaxis
Probar
Base64 codificar/decodificar
Codifica y decodifica cadenas Base64
Probar
URL Encoder/Decoder
Encode and decode URL components and query strings
Probar
Generador UUID
Genera identificadores UUID únicos
Probar
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
Probar
Regex Tester
Test and debug regular expressions with match highlighting
Probar
JWT Decoder
Decode and inspect JWT token header and payload
Probar
HTML Formatter
Beautify and format HTML code with proper indentation
Probar