I made CSS Scan Pro - The definitive browser extension to work with web design.

#showdev #css

👋 Hi everyone! :)

💦 After months of hard work, I finished my newest product: CSS Scan Pro.

It makes it radically easy to get the looks of any website. Hover over any element, and copy its entire CSS with a single click.

Supports Chrome, Firefox, and SAFARI!
Live edit CSS and check/copy all the changes made
Get the color palette of any website
Color eyedropper - pick any color from any element (even images)
Ruler - advanced distance measurement system in real-time
@keyframes scan - understand how every CSS animation works
Pseudo-classes scan (:active, :focus, :first-child, …)
Pseudo-elements scan (:before, :after, :first-letter, ...)
New DOM tree control to precisely target elements
… +

That's a lot of features, while still being ultra-fast, light-weight, beautiful and smooth, CSS Scan Pro now is the smartest and most complete browser extension for CSS inspection.

🎁 Try the free demo on our website!

🙏 I worked hard on this one so I’m excited to share with you and genuinely interested in hearing what you think about it.

💌 Thanks to everyone that already bought it and supported my work!
If you have any ideas or suggestions, I'm all ears.

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Top comments (11)

Nayden Gochev • Dec 15 '19

I do not enjoy that some paid apps are promoted here :( I am not saying its bad ! however... I just dont enjoy it : (

Guilherme Rizzo • Dec 30 '19

Thanks for the feedback, Nayden! I'm just trying to help people with their work.

Jordy Bakker • Dec 15 '19

Looks pretty good, but to pay 20 per month for it.. I think it's too much.

Guilherme Rizzo • Dec 30 '19

I appreciate the feedback!

Dio Vayne • Dec 15 '19

Can't you do all these things with develop tools for Chrome or Firefox?

Guilherme Rizzo • Dec 30 '19

Hi, Dio! You can, but it takes way long time. To copy the CSS of this element right now, it's a pain. With CSS Scan, you just click, and it's yours. Computed styles tab from DevTools will break responsive styles because it converts everything to pixels, and doesn't copy pseudo-classes and pseudo-elements.
Not to mention features like the color eyedropper, color palette, and ruler.

This saves you time and money, so you can finish your work faster and smarter.