CSS Scan Pro 2.0 - A re-imagined Devtools for web design

CSS Scan Pro makes it radically easy to get the looks of your favorite websites. Hover over any element, and get its CSS, colors, assets, animations, font, and dimensions, instantly. Copy, export, or refine it with an intuitive CSS editor, without writing code

Add a comment

Replies

Best
πŸ‘‹ Hi Product Hunt! :) 🎯 I launched 1 year ago with the vision of re-imagining the Devtools for web design. πŸš€ Since then, it has received lots of improvements and new features - and it’s now the definitive browser extension to work with web design :) ✨ What’s New in CSS Scan Pro 2.0: - Visual Editor: change the CSS of any element visually and interactively - Copy the HTML and CSS of all the element's children - instead of just copying the selected element - Save an element as a file - Live-edit the text of any element - Scan HTML attributes (src="", value="", etc) - Live-edit every CSS: including all pseudo-classes, all pseudo-elements, and as well! - Chrome and Firefox Devtools integration: you can use CSS Scan Pro inside your Devtools - Option to generate and copy unique CSS selectors - Save all assets from a website with 1 click - A color picker to easily change colors + change color syntax + gets tints and shades of the selected color - Convert relative URLs to absolute - Remove any website element with a click - A new copy button that sits inside pinned CSS windows - A new ruler mode: freestyle - to measure freely - Performance boost - UI improvements - Export element to CodePen - A new mode to select elements - CSS inspection algorithm improvements (faster and better) - Auto measurement units conversion on Visual Editor - Easily search for a font on Google - Tailwind support πŸ’° CSS Scan Pro 2.0 is a paid extension. Along with and , this is my full-time work, so you'll always receive updates! πŸ™Œ πŸ’– This is a free and automatic update for previous CSS Scan Pro 1.0 customers. 🎁 Try yourself a free demo here: πŸ™ This is a work that has taken me 2 years so far, 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.
Amazing work! Have been a user for a while and it is saving a lot of time for me!
Thanks, Klim!! :)
This tool and it's developer are both brilliant! The tool is mature, it's sophisticated, it saves you tons of time... I use it every day. And the developer is energetic and enthusiastic when you approach him with feature ideas and suggestions. This is NOT one to pass over. Take a look and get it if you're a web developer or designer. You won't be sorry.
Thank you so much for all the support, Josen! πŸ™πŸ™Œ
You deserve it! Great product. =D
I couldn't agree more. This is a beautiful product that makes my life 100% easier as a developer and a designer. Saves me a ton of time! Definitely worth purchasing.
Exactly, David!! EXACTLY!
I really like this as a product, but I'm totally turned off by a monthly/yearly cost. Just too fiddly, when I'd much rather commit to a one off cost
Thanks for the feedback, Simon. Take a look at the regular CSS Scan - it's a one-time payment.
not sure what's the Regular CSS Scan you mentioned β€” I don't see any one time payment product? I'd rather pay once as well, even just for one platform if possible.
here’s the link for the regular CSS Scan:
Congrats man, it looks amazing!😍
Thanks, Ben! Otto looks great too!
cool implementation, i can see it will save a lot of rudimentary work.
Thanks, VladimΓ­r! πŸ™Œ
Amazing work, I loved the demo as well.
Thank you, Dragos! πŸ™
YES! This is really really cool. This tool will save me a lot of time and although the "inspect" tool is okay, this is sooo much better! Thank you and congrats on the launch!
Thanks, Robert! πŸ˜πŸ™Œ
Congrats on the launch !! The landing page is πŸ”₯πŸ”₯πŸ”₯
Thanks Danny! πŸ™Œ
Im an owner of ver 1 so Im happy person now. Thank you.
Thanks for supporting my work, Csaba πŸ™Œ Enjoy the update :)
Amazing product and congrats for the launch! Super nice landing page and interactive demo ✨✨✨
Thanks, Razvan! I'm glad you liked the demo :)
123
β€’β€’β€’
Next
Last