HTMLtoWF
Tailwind Converter
The Tailwind tab compiles Tailwind utility classes on the server and inserts the result as native Webflow elements.
This tab requires an active license.
How it works
- Open Tailwind.
- Paste HTML that uses Tailwind classes.
- Choose a version:
- Tailwind v4
- Tailwind v3
- Click Convert & Insert.
The app compiles utility classes, parses the output, and builds elements in Webflow.
What to expect
- You get conversion status and warnings, just like the main Converter.
- You receive element/style counts after insertion.
- The included sample helps validate your site setup quickly.
Current scope
- Compiles against the default Tailwind theme.
- Custom Tailwind config is not currently applied in this flow.