5 ms·
Show HN: Screenshot web components with one click
Webcap is a Chrome extension that lets you capture any web component with one click. Hover over an element, scroll or use arrow keys to traverse the DOM tree, and it captures a pixel perfect screenshot with rounded corners and a drop shadow. Built-in editor lets you pick a background before saving.
No dependencies, no tracking, no account needed. Plain JS/CSS/HTML.
- millionclicks 6mo agoAwesome idea. You should launch this on Buildfeed.co.
- Muhammad523 6mo agoNice! How about making a firefox-compatible version?
- ayakut 6mo agoThanks! It is already on my radar, I will do it soon.
- _lvbh 6mo agoI think on Firefox, if you right click and press screenshot, it lets you choose a component. Use that quite often
- Muhammad523 6mo agoThanks
- emvideo 6mo agoThat's wild timing. I just launched a service this week that turns your marketing site into a video ad (no AI, just a honed in video editing process) and have been thinking about a tool like this. It could speed up my workflow considerably. One thing that I really need for my specific use-case is the ability to pass a selector, e.g. .team-card, and automatically grab snaps of each one with some default settings like a specific border radius, plain mode. I'll keep an eye on this for sure.
- ratneshchipre 6mo agoGreat, the best part is that it's an extension so what does set this apart from other tools that are already present in the market?
- ayakut 6mo agoThe most important feature is the ability to highlight and capture a certain component, existing tools are mostly allows dragging and selecting an area manually.
- ratneshchipre 6mo agoOhh, great!