CSS Scan 2.0

The fastest and easiest way to check, copy and edit 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 52% - Celebrate Easter Deal only until April 14!

Only Now 52% Off ~~$60~~ $29 See how it works (18s)

button

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

272x50

background-color: #333; border-radius: 50px; border-width: 0; box-shadow: rgba(25,25,25,.04) 0 0 1px 0,rgba(0,0,0,.1) 0 3px 4px 0; color: #2cbc63; cursor: pointer; display: inline-block; font-size: 1em; height: 50px; padding: 0 25px; transition: all 200ms;

:hover

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

Are you a Pro? Check CSS Scan Pro

Never open "Inspect Element" to check styles again

The smartest browser extension for CSS inspection

No unuseful, duplicated or longhand CSS. CSS Scan uses the same technology used by Google and Github with our own improvements to quickly clean any CSS trash for you. Precise, shorthanded and advanced optimizations.
Easy and lightspeed inspection

Understand how everything works without wasting time hunting through infinite CSS rules on the browsers' Dev Tools.
Get all the active styles on the fly and finish your work faster.
Use shortcuts to work with it even quickier.
Copy any element you want

If you want to copy the CSS of this element right now, it's a pain. With CSS Scan, you just click, and it's yours. Create your perfect page.

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

Try it on this page for FREE

A Card Title

dribbble.com

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 and Safari. Internet Explorer maybe never.

Trusted by thousands

Join 7,000+ professional web developers worldwide using CSS Scan every day to deliver world-class websites.
on Gumroad
👉 Watch WPTuts' in-depth review of CSS Scan (8:37)

"This was an easy buy"

Brad Frost · Creator of Atomic Design
"It's a very useful Chrome/FF extension for me"

Flavio Copes · flaviocopes.com
"Very useful! I do not even count the time I had to inspect each element"

Joulse · Senior Frontend Developer | OpenMakers
"The best developer-productivity product of 2019. Should be a browser default!"

Ahmad Awais · VSCode.pro | Google Dev Expert
"After seeing the benefits of CSS Scan there's no way I could go back to Inspecting elements through dev tools. It's a game changer"

Harry Dry · Marketing Examples

Are you a Pro?
Check CSS Scan Pro

Buy it once and love it forever

Become a CSS superhero today

~~$60~~ $29

Save 52% - Celebrate Easter Deal only until April 14!

Get it now

Chrome extension
Firefox add-on
Safari extension (macOS 10.12 or later required)

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), Lithuanian (@karolis_sh), Bulgarian (@byurhanbeyzat), Serbian (@aleksa.piljevic), Malay (@wfxyz), Croatian (@VladoDev). Logo: @salatielsq

God Bless Us