Développement
Tailwind CSS Converter
Convert vanilla CSS to Tailwind utility classes and Tailwind classes back to CSS
Plébiscité par plus de 10k développeurs
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.
Continuer à explorer
Autres outils Développement qui pourraient vous plaire…
Formateur JSON
Formatez et validez du JSON avec coloration syntaxique
Essayer
Base64 encoder/décoder
Encode et décode des chaînes Base64
Essayer
URL Encoder/Decoder
Encode and decode URL components and query strings
Essayer
Générateur UUID
Génère des identifiants UUID uniques
Essayer
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
Essayer
Regex Tester
Test and debug regular expressions with match highlighting
Essayer
JWT Decoder
Decode and inspect JWT token header and payload
Essayer
HTML Formatter
Beautify and format HTML code with proper indentation
Essayer