CodeScraper

Hover over anything and get the HTML/CSS

2 followers

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 πŸ€–
CodeScraper gallery image
CodeScraper gallery image
CodeScraper gallery image
Launch Team
Intercom
Intercom
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

What do you think? …

Lenilson Dos Santos πŸš€
Heyy. Looks very similar to CSS Scan from @gvrizzo. Is there any difference?
wojtek
@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.
Bruno Crosier
@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 πŸ‘
Bryan Sanders
@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!
Adil
I'm pretty sure @gvrizzo did the same thing
Bryan Sanders
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)!
@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...
Bryan Sanders
@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!
@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.
Bryan Sanders
@transmissions_0001 Interesting. I will think about it! DM me on Twitter.
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?
Lora Roes
Dear Sir, Do you looking for best Product hunt promotor? I will provide you best service. I can give you Upvote, Subscriber ad best comments. http://bit.ly/2UKfOHL Thanks
Lowen
@loraroes I looking best PR
Ryan Hays
Hey did you post an earlier version of this site to reddit some time ago? I've seen the background animation before i'm sure!
Axel Paris
Hi! Your landing page looks awesome! I love the UI :) It seems that your profile and twitter link in footer are broken ;)
Mannel
It doesn't work very well. It generates completely useless CSS.