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
π 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.
Report
@keyframes@gvrizzo Amazing work! Have been a user for a while and it is saving a lot of time for me!
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.
@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.
@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.
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!
Replies
TailConverter
TailConverter
TailConverter
Polite Pop
TailConverter
Tailry
TailConverter
Chirp
TailConverter
Free DALLE-3 Avatar Generator
TailConverter
Gleek
TailConverter
Archbee
TailConverter
JSON Web Token (JWT) Debugger
TailConverter
Invoice generator
TailConverter
Chartbrew
TailConverter