Pick a component.
Take its styles with you.

Try the CSS and Tailwind output on this sample page. No install, account or payment needed.

Choose a sample

Click a component or use the buttons

Four different corner radii

A calmer workspace

Room for the next idea.

Keep the details that help. Leave the rest behind.

Ready to review

A small label with its own spacing

These are our own example components. You can inspect their current appearance here; inspecting other websites requires the extension.

Button styles

The output will appear here.

Sample
Loading the sample…

CSS describes the selected element. Tailwind classes describe its current appearance; your theme and surrounding layout can change the result. This sample does not export responsive rules or JavaScript behavior.

Try a task you actually do.

Paste the result into your own page and check the spacing, borders and corners. Use a reference as a design brief if you work with a coding assistant.

Stylegrab is available on the Chrome Web Store. The Edge release is still in review. Firefox has been submitted; public installation is not yet confirmed. Pro is available from the official website for $19 once, for one person on up to three browsers, with version 1.x updates and a 14-day refund policy. Tax is calculated at checkout. Activate using the license key from your receipt email. The Tailwind preview here is available on these samples; the extension includes daily trials for Pro export actions.