Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in

CodeScraper

Hover over anything and get the HTML/CSS

1 follower

Hover over anything and get the HTML/CSS

1 follower

Visit website
By clicking a small button, you can extract any div, button, heading - or frankly - whatever you want! Works on any website using any technology. Features πŸ¦Έβ€β™‚οΈ Left click to full HTML/CSS 🀯 Right click to get only CSS 🎨 View element width/height πŸ€–
  • Overview
  • Launches1
  • Reviews
  • Alternatives
  • Team
  • Awards
  • More
Company Info
getcodescraper.com
CodeScraper Info
Launched in 2019View 1 launch
Forum
p/codescraper
  • Blog
  • β€’
  • Newsletter
  • β€’
  • Questions
  • β€’
  • Forums
  • β€’
  • Product Categories
  • β€’
  • Apps
  • β€’
  • About
  • β€’
  • FAQ
  • β€’
  • Terms
  • β€’
  • Privacy and Cookies
  • β€’
  • X.com
  • β€’
  • Facebook
  • β€’
  • Instagram
  • β€’
  • LinkedIn
  • β€’
  • YouTube
  • β€’
  • Advertise
Β© 2025 Product Hunt
CodeScraper gallery image
CodeScraper gallery image
CodeScraper gallery image
Launch tags:
Chrome Extensionsβ€’Developer Tools
Launch Team
Bryan Sanders

What do you think? …

Lenilson Dos Santos πŸš€
Lenilson Dos Santos πŸš€
Heyy. Looks very similar to CSS Scan from @gvrizzo. Is there any difference?
Report
6yr ago
wojtek
wojtek
BYE

BYE

@gvrizzo @lenilsonjr_ Border radius on the buttons. This maker community cloning bullshit needs to stop. Undermining someone else’s work with a cheaper clone is not gonna get you anywhere. Next thing you know someone is gonna call this an original idea.
Report
6yr ago
Bruno Crosier
Bruno Crosier

EmojiCatch

@gvrizzo @lenilsonjr_ @pugson nah you're out of line. why are you bringing so much hate to someone's hard work? 1) this product gets the HTML as well as CSS (CSS Scan does not) 2) does CSS Scan have a patent on producing CSS by hovering over an element? No, so anybody else has the right to create a product that does the same thing, (and maybe even better). It's called competition. It forces companies / creators to always improve their products. If you want to live in a world with no competition I would suggest you hop in a time machine, set the destination to Soviet Russia, and then let me know how that goes for you πŸ‘
Report
6yr ago
Bryan Sanders
Bryan Sanders

CodeScraper

Maker
@gvrizzo @lenilsonjr_ @pugson @brunocrosier Thank you Bruno! IMO, this is a product built around a totally different problem and therefore provides a totally different solution. If you wanted only CSS, CSS Scan is probably better. That wasn't the problem I was trying to solve. Stylistically, there are probably a handful of ways to design a chrome extension that enables element selection. Not trying to create any conflict, just trying to bring some light!
Report
6yr ago
Adil
Adil
Craftmail AI

Craftmail AI

I'm pretty sure @gvrizzo did the same thing
Report
6yr ago
Bryan Sanders
Bryan Sanders

CodeScraper

Maker
Hey everyone! My name is Bryan and I made CodeScraper. I needed something to rapidly copy and paste my own code and randomly landed here three days later. If you have any questions, I am very active on Twitter (@iambryansanders)!
Report
6yr ago
Transmissions #0001
@iambryansanders Hey I've been looking through the demo code, and all of them have weird characters for classes and ids. Is this the actual code the scraper consistently copies, if so this code is basically unusable...
Report
6yr ago
Bryan Sanders
Bryan Sanders

CodeScraper

Maker
@transmissions_0001 It generates a unique ID for each type of element. While they may look scrambled, that is purely to ensure you don't have any duplicates! Each type of element gets an 8 - 10 character ID or class that you can edit and preview. Control-F will be your best friend!
Report
6yr ago
Transmissions #0001
@iambryansanders Is there anyway you can just keep the original element class name or id? If not, I have a suggestion, instead of using IDs which are unrecognizable and difficult to navigate, you could use a random dictionary word, which is more memorable, and would make changing the names easier? I would be willing to contribute more money if you were to implement this feature.
Report
6yr ago
Bryan Sanders
Bryan Sanders

CodeScraper

Maker
@transmissions_0001 Interesting. I will think about it! DM me on Twitter.
Report
6yr ago
Abraham Hsu
Abraham Hsu
@iambryansanders Aww looks like I missed the $5 sale, as its up to $10. Actually, if you're able to change it so that the class names are not crazy ID's, I'd buy it for $10. Is that going to be implemented?
Report
6yr ago
Basecamp
Basecamp β€” Famously straightforward project management from 37Signals
Famously straightforward project management from 37Signals
Promoted

Do you use CodeScraper?

Reviews
Helpful

You might also like

Hoverify
Hoverify
All-in-one browser extension for web development
stdlib
Standard Library of the Internet β€” Build/Share Microservices
100 CSS Buttons
No conversion happens without the click of a button.
Code Pad
Code Pad
A place for developers to save & share code snippets.
BitRun
BitRun
Run, embed and share code snippets
Code Snippets Manager for Chrome
Code Snippets Manager for Chrome
Easiest way to capture and share code snippets on the web
View more
Review CodeScraper?Be the first to review CodeScraper