Tailwind CSS Converter — free online
You're reading some Tailwind classes and you just want to know what plain CSS they actually do. Or it's the other way around: you have CSS and you want the matching utility classes. Going back and forth by hand is slow and easy to get wrong. We added a free tool that does it both ways — Tailwind CSS Converter — right in your browser.
What it does
Paste Tailwind utility classes and it gives you the equivalent CSS declarations. Paste plain CSS and it turns it into the matching Tailwind classes. It works in both directions, so you can switch whenever you need to.
Nothing leaves your device
The whole thing runs in your browser. Your code isn't uploaded to a server and nothing is saved anywhere. When you close the tab, it's gone.
How to use it
- Open Tailwind CSS Converter and pick the direction you want: Tailwind to CSS, or CSS to Tailwind.
- Paste your classes or your CSS into the box.
- Copy the result and drop it into your project.
It's free with no limit. There are more small tools on the Apps page.