Show HN: Screenshot web components with one click

[ayakut]

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.

[emvideo]

That'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]

Great, 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]

The 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]

Ohh, great!

[millionclicks]

Awesome idea. You should launch this on Buildfeed.co.

[Muhammad523]

Nice! How about making a firefox-compatible version?

[_lvbh]

I think on Firefox, if you right click and press screenshot, it lets you choose a component. Use that quite often

[Muhammad523]

Thanks

[ayakut]

Thanks! It is already on my radar, I will do it soon.