CSS Pro
p/css-pro
A re-imagined Devtools for web design
Guilherme Rizzo

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

Featured
94
β€’
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
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!! :)
Jim Raptis
Another top launch @gvrizzo! What a video and landing page! Impressive product and productivity booster for every web developer 🀯
Guilherme Rizzo
@gvrizzo @draptis Thanks Jim! πŸ™πŸ’ͺ
Akshay Kadam(A2K)
If you're a front-end developer who opens up DevTools every 5 mins to implement styles, this is a no-brainer.
Guilherme Rizzo
@deadcoder0904 Thanks, Akshay! πŸ₯³
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! πŸ˜πŸ™Œ
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
Thomas Sanlis
Congrats for the launch Guilherme! The work done on CSS Scan is very impressive and the landing page is beautiful πŸ”₯
Guilherme Rizzo
@thomas_sanlis1 Thanks Thomas! πŸ™Œ
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! πŸ™ŒπŸ™
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.
Ishan Bansal
Wow.. this looks so cool :) Definitely improves the workflow for getting the front-end style. And the video is rad
Guilherme Rizzo
@ishanbansal Thanks, Ishan! πŸ₯‚
Linda MacDonald
this is beyond cool. just bought it and I am just blown away that it can desipher animations and it even deals with tailwind which is my favorite of all css frameworks :)
Kiki Sergel
Nice!!! Seems like a awesome tool for getting new inspiration and fasten up your work. Nice product video - the music makes it so fancy and i wanna dance around :D
Guilherme Rizzo
@kiki_sergel Haha that's awesome! Thanks Kiki :D πŸ•Ί
Rowe Morehouse
I purchased it a yea ago. Can I upgrade to 2.0? How?
Danny Postma
Congrats on the launch @gvrizzo !! The landing page is πŸ”₯πŸ”₯πŸ”₯
Guilherme Rizzo
@gvrizzo @dannypostmaa Thanks Danny! πŸ™Œ
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 :)
VladimΓ­r Seman
cool implementation, i can see it will save a lot of rudimentary work.
Guilherme Rizzo
@vladojsem Thanks, VladimΓ­r! πŸ™Œ
Paul M
Is there an option to upgrade from CSS Scan to CSS Scan Pro?
Guilherme Rizzo
@visualintentau Hi, Paul! Thanks for buying CSS Scan. I'll send you an email about it :)
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 :)
Joel Benjamin
Congrats man, it looks amazing!😍
Guilherme Rizzo
@harowitzblack Thanks, Ben! Otto looks great too!
Caelin Sutch
Wow this is super awesome! What an innovative idea to get inspiration quicker
Guilherme Rizzo
@caelin_sutch Thanks, Caelin! πŸ™Œ
Harry Dry
Congrats man. Looking gooood!
Guilherme Rizzo
@harrydry Thanks Harry!! πŸ₯‚