CSS → Tailwind Converter
Paste CSS declarations and get the equivalent Tailwind utility classes instantly.
Converted classes will appear here
💡 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