Desenvolvimento
Tailwind CSS Converter
Convert vanilla CSS to Tailwind utility classes and Tailwind classes back to CSS
Confiado por mais de 10 mil desenvolvedores
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.
Continue explorando
Outras ferramentas de Desenvolvimento que você pode gostar…
Formatador JSON
Formate e valide JSON com realce de sintaxe
Experimentar
Base64 codificar/decodificar
Codifique e decodifique strings Base64
Experimentar
URL Encoder/Decoder
Encode and decode URL components and query strings
Experimentar
Gerador UUID
Gere identificadores UUID únicos
Experimentar
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
Experimentar
Regex Tester
Test and debug regular expressions with match highlighting
Experimentar
JWT Decoder
Decode and inspect JWT token header and payload
Experimentar
HTML Formatter
Beautify and format HTML code with proper indentation
Experimentar