Tailwind to CSS converter
Turn any Tailwind page into plain CSS with readable class names.
Turn Tailwind classes into plain CSS
Paste the URL of a page built with Tailwind and get it back as one HTML file with normal CSS in a single style block. Class names are readable, like pricing-card or nav-link, and hover states, breakpoints and dark mode are kept. The match score shows how close it is to the original before you export. Going the other way? Use the CSS to Tailwind converter.
Tailwind to CSS questions
Is it free, and how do exports work?
Converting is free and needs no account. To copy, download or deploy the result, sign in with a free ship.page account. Free accounts get 3 exports per calendar month here, separate from CSS to Tailwind, and exporting the same conversion again doesn't count twice. Pro is $4/mo with unlimited exports.
What does the CSS look like?
You get one HTML file with a single <style> block. Each distinct element style becomes one named class, like pricing-card or nav-link, and elements that look alike share a base class plus a modifier, like btn btn-primary. Hover and focus states, breakpoints and dark mode stay inside each class with native CSS nesting.
Can I use it to remove Tailwind from a site?
Yes. The result has no Tailwind classes and needs no Tailwind build step, so you can keep editing it as normal HTML and CSS. Page scripts are removed, so it's a static page.
What does the match score mean?
How closely the converted page matches the original. It's checked at desktop and mobile widths, and screenshots of both versions let you see the difference yourself.
Can I convert HTML files that aren't online?
Yes. Drop the files or a zip file onto ship.page to get a free https://<slug>.shipped.run link (no account needed), then paste that link here.
What can't it convert?
Only public pages up to 10,000 elements work. Banking, webmail, hosting control panels and login pages are refused. You can start 3 conversions a minute, and results are kept for 24 hours.