Product Hunt Badge: Product of the Week (1st place) Try it free Changelog
Get it now $79

The fastest and easiest way to check and copy CSS

Goodbye to "Inspect Element" — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

🎁 Save 44% - Greek Independence Day Deal - only until March 28th

Cursor image

button

.btn .demo-btn .first-demo-btn

272x50

Arial 16px

background-color: #C2FBD7; border-radius: 50px; border-width: 0; box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0; color: #008000; cursor: pointer; display: inline-block; font-family: Arial, sans-serif; font-size: 1em; height: 50px; padding: 0 25px; transition: all 200ms;

:hover

background-color: #AFE6C3; transform: scale(1.05);

Never open "Inspect Element" to check styles again

Point, inspect, copy


Learn how your favorite websites are styled by analysing CSS on the fly

Try it on this page for FREE
Example image (Plant leaves)

A Card Title

dribbble.com

Export elements to Codepen

Extract the HTML and CSS of elements and all its child elements (as whole components).

You can save these Codepen snippets on the cloud and start your collection of beautiful elements that you can use on your projects from today on.


To be able to export an element, first pin the CSS window by pressing the space bar.

Try CSS Scan on this page
Example of an element exported to Codepen using CSS Scan

Convert CSS to Tailwind CSS ✨ NEW

Convert thousands of elements from regular CSS to Tailwind CSS with a single click using CSS Scan. Use it to convert existing styles from any website to Tailwind CSS and save months of work.

This is optional. To turn it on: Options › Other copying preferences › Convert copied CSS to Tailwind CSS. Also choose: HTML Code › Copy it.

CSS Scan can convert CSS to Tailwind's HTML utility classes and use @apply when there are custom styles.

Works everywhere. On every website.

Wordpress, Wix, Squarespace, Shopify, React, etc. CSS Scan runs on the browser as an extension so it works on any website, any theme and even works offline!
Choose your favorite: Chrome, Firefox, Safari, and Edge. Internet Explorer maybe never.

🎉  Media Queries, child elements and more! Check What's New in 3.0

FAQ

Trusted by thousands

Get ready to join 20,000+ professional web developers from 116 countries using CSS Scan every day to deliver world-class websites.
on Gumroad
Watch WPTuts' in-depth review of CSS Scan (8:37)

Life-time license

$140 $79

One-time payment.

🎁 Save 44% - Greek Independence Day Deal - only until March 28th

🍞 Bonus: Buy CSS Scan now and you get 50% OFF on toast.log!

Get it now

Translations: Chinese (Amelia and Qianfei), Korean (정석원), Swedish (@Habbe), French (@Joulse_), German (@leoffard), Indonesian (@shinatakashi and @jetroidmakes), Vietnamese (@FancaSn1), Dutch (@Aidenbuis), Spanish (@inelnuno), Arabic (@alisumait), Russian (@sanches_free), Polish (@nerdontour), Hindi (@ashishgapat), Tamil (@anirudh24seven), Italian (@melilli_marco and @StErMi), Lithuanian (@karolis_sh), Bulgarian (@byurhanbeyzat), Serbian (@aleksa.piljevic), Malay (@wfxyz), Croatian (@VladoDev), Japanese (@HiYukoIm), Persian (@Noorullah_Ah), Romanian (@AlinaCSava), Telugu (@mksrivishnu). Logo: @salatielsq.

God Bless Us

CSS Pro's logo

Are you a Pro? Check CSS Pro

Loading spinner Loading demo... Please wait