CSS to Tailwind converter
Paste CSS on the left, convert it into Tailwind classes, and copy the mapped output from the right.
Best for quick snippets
Paste CSS from a stylesheet, inspector, or design handoff.
Convert the declarations into Tailwind utility classes.
Copy the result or use the extension when you need full HTML plus styles.
Converted classes will appear here.Need more than pasted CSS?
The converter is useful for declarations. StyleLens is built for full website UI extraction when you also need structure, states, and implementation context.
Select from any page
Use the Chrome extension to click a real element and capture its HTML, computed CSS, spacing, colors, typography, and states.
Convert HTML to Tailwind
Turn the extracted structure into reusable Tailwind markup instead of manually rebuilding a reference from screenshots.
Keep what matters
Start from clean classes, inspect unmatched styles, and adapt the result inside your own components and design system.
Automatically extract styles and convert HTML to Tailwind.
Select a component on any website, capture the underlying HTML and computed styles, then export Tailwind-ready code without rebuilding the UI by hand.