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

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 40% - Lebanese Independence Day Deal - only until November 23rd

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

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

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

$150 $90

One-time payment.

🎁 Save 40% - Lebanese Independence Day Deal - only until November 23rd

🍞 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

Want to become a pro? Check CSS Pro

Loading spinner Loading demo... Please wait