This tool collects used Tailwind utility classes and generates equivalent CSS rules for standalone use.
How do I get plain CSS from HTML with Tailwind classes?
Paste an HTML snippet with Tailwind classes (e.g. `<button class="px-4 py-2 bg-blue-500">`) into the input field and click "Generate" — the tool returns equivalent CSS rules with an explanation.
Why convert Tailwind to plain CSS instead of keeping the classes?
This is useful when moving a component into a project without a Tailwind build step (e.g. a CMS template or someone else's markup system) where utility classes aren't available, but plain CSS can be included.
How are responsive prefixes like md: or lg: handled?
Breakpoint-prefixed classes are converted into corresponding media queries in the CSS — after conversion, double-check the rule order so styles still take priority correctly across screen sizes.