Guilherme Rizzo

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
Guilherme Rizzo
πŸ‘‹ Hi Product Hunt! :) 🎯 I launched CSS Scan Pro 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 @keyframes 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 CSS Scan and toast.log, 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: https://cssscanpro.com πŸ™ 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.
Klim Yadrintsev
@keyframes @gvrizzo Amazing work! Have been a user for a while and it is saving a lot of time for me!
Guilherme Rizzo
@klim_yadrintsev Thanks, Klim!! :)
Josen Ruiseco
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.
Guilherme Rizzo
@josen_ruiseco Thank you so much for all the support, Josen! πŸ™πŸ™Œ
Josen Ruiseco
@josen_ruiseco @gvrizzo You deserve it! Great product. =D
David Miranda
@josen_ruiseco 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.
Simon Gabriel
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
Guilherme Rizzo
@simongabriel Thanks for the feedback, Simon. Take a look at the regular CSS Scan - it's a one-time payment.
Filippo Mursia
@simongabriel @gvrizzo 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.
Guilherme Rizzo
@simongabriel @gvrizzo @mrdobelina here’s the link for the regular CSS Scan: www.getcssscan.com
Joel Benjamin
Congrats man, it looks amazing!😍
Guilherme Rizzo
@harowitzblack Thanks, Ben! Otto looks great too!
Danny Postma
Congrats on the launch @gvrizzo !! The landing page is πŸ”₯πŸ”₯πŸ”₯
Guilherme Rizzo
@gvrizzo @dannypostmaa Thanks Danny! πŸ™Œ
VladimΓ­r Seman
cool implementation, i can see it will save a lot of rudimentary work.
Guilherme Rizzo
@vladojsem Thanks, VladimΓ­r! πŸ™Œ
Dragos Bulugean
Amazing work, I loved the demo as well.
Guilherme Rizzo
@dragos_bulugean Thank you, Dragos! πŸ™
Robert Thelen
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!
Guilherme Rizzo
@robert_thelen Thanks, Robert! πŸ˜πŸ™Œ
Csaba Kissi
Im an owner of ver 1 so Im happy person now. Thank you.
Guilherme Rizzo
@csaba_kissi Thanks for supporting my work, Csaba πŸ™Œ Enjoy the update :)
Razvan Ilin
Amazing product and congrats for the launch! Super nice landing page and interactive demo ✨✨✨
Guilherme Rizzo
@razvanilin Thanks, Razvan! I'm glad you liked the demo :)
Camilo Oliveira
Always lovely to see Guilherme’s launches :)) Another great one
Guilherme Rizzo
@camilo87 Thanks, Camilo! 😊
Nabeel Khan
Congratz @gvrizzo this looks awesome :)
Guilherme Rizzo
@gvrizzo @nabeel_khan Thanks, Nabeel! πŸ™Œ
Alexander Ratmansky
Congrats man! πŸ”₯πŸ”₯πŸ”₯
Guilherme Rizzo
@alexratmansky Thanks, Alexander! πŸ”₯
Keith Lynn
I looked at 5 seconds of the video and thoughtβ€”whoosh this looks powerful. Upvote!
Guilherme Rizzo
@lynnastyie Haha, thanks for the upvote, Keith!
Harrison from VC Guide
10/10/10/10/10/10 oh my god so excited
Guilherme Rizzo
@vcguidehq Haha, thanks, Harrison! 🀩
Colin Stuckenschneider
I have never been so excited to try something! This is going to be a game-changer, especially for those of us who spend a ton of time in the devtools
Guilherme Rizzo
@colin_stuckenschneider Thanks, Colin! πŸ™ŒπŸ™
Harry Dry
Congrats man. Looking gooood!
Guilherme Rizzo
@harrydry Thanks Harry!! πŸ₯‚
Damon Chen
Congrats on launching 2.0 πŸ₯³
Guilherme Rizzo
@xianmingchen Thanks, Damon! πŸ₯³
Sanjith Kanagavel
This is cool! Good work πŸ‘πŸ»
Guilherme Rizzo
@sanjith_kanagavel Thank you, Sanjith!