CSS → Tailwind Converter
Paste CSS declarations and get the equivalent Tailwind utility classes instantly.
Converted classes will appear here
⚡ Live Preview
Type Tailwind classes to preview them:
Enter classes above to preview...
💡 Tips
- Paste one CSS property per line (e.g.
display: flex;) - Paste entire CSS rule bodies — curly braces and selectors are ignored
- For unsupported values, use Tailwind's arbitrary value syntax:
w-[200px] - Click any output class pill to copy it individually