Paste Tailwind
Refactored markup
Stylesheet
0
→
0
What this is
You read the jvns.ca post and decided today is the day. This tool takes a Tailwind-soup component and gives you back the same markup with semantic class names plus a real stylesheet — BEM, CSS Modules, or vanilla scoped.
- HTML is parsed with
parse5; JSX with@babel/parser. Repeated full class-strings (≥2 elements) become clusters. - Each Tailwind utility is resolved to its real CSS declarations using a SQLite mirror of
tailwindlabs/tailwindcsstheme.css — synced weekly. - Claude names the clusters semantically (e.g.
card-hero, notcluster-0). Values are never LLM-guessed. - Five free conversions per IP per UTC day. No accounts, no signup. The permalink is the share unit.