CSS Scan 2.0
CSS Scan 2.0
🎁 Save 38% - Norwegian Constitution Day Deal - only until May 22nd
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,.04) 0 0 1px 0,rgba(0,0,0,.1) 0 3px 4px 0; color: green; cursor: pointer; display: inline-block; font-family: Arial,sans-serif; font-size: 1em; height: 50px; padding: 0 25px; transition: all 200ms;
background-color: #afe6c3; transform: scale(1.05);
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.
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.
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. It copies all child elements, pseudo-classes and media queries. Create your perfect page.
A Card Title
dribbble.com
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.
Yes! Press the space bar, click on the CSS code inside the window and try to change it. You'll see all the changes in real-time!
If the element you're hovering over is not the right one you want to copy, you can navigate through the DOM tree by pressing arrow keys up and down to inspect parents, siblings, and child elements.
Sure! It copies all CSS pseudo-classes and pseudo-elements such as: :hover, :before, :after, :focus, etc - all of them.
Yes, it copies all child elements media queries in a single click, saving you tons of time, and preserving the elements' responsiveness across different devices.
Yes, CSS Scan is a browser extension, so it works on any website, regardless of the frameworks, plugins, libraries, themes, and anything you use. If it doesn't, please let us know, and we'll fix it for you.
Yes! This is a life-time deal (LTD). You buy it once, and use it forever.
Yes, each license is limited to 3 simultaneous activations, which you can manage anytime at MyCssScan.com
Yes! You can try the demo for free - but only on this website and on a desktop. Click here to try it
Click on the button "Pause" or simply press the Shift key.
Sometimes you want to compare two elements and their respective CSS, that's very easy with CSS Scan: just press the space bar and the CSS window will be pinned on your screen. You can also drag it anywhere you want.
Get ready to join 10,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)
"This was an easy buy"
"It's a very useful Chrome/FF extension for me"
"Very useful! I do not even count the time I had to inspect each element"
"The best developer-productivity product of 2019. Should be a browser default!"
"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"
Life-time license
$120 $75
One-time payment.
🎁 Save 38% - Norwegian Constitution Day Deal - only until May 22nd
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
Loading demo... Please wait