Show HN: Screenshot web components with one click

#1

Post by ayakut » Fri, Apr 03, 2026, 8:18 PM UTC

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.

Show HN: Screenshot web components with one click
chromewebstore.google.com

Re: Show HN: Screenshot web components with one click

#2

Post by millionclicks » Fri, Apr 03, 2026, 8:28 PM UTC

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

Re: Show HN: Screenshot web components with one click

#3

Post by Muhammad523 » Fri, Apr 03, 2026, 8:31 PM UTC

Nice! How about making a firefox-compatible version?

Re: Show HN: Screenshot web components with one click

#4

Post by ayakut » Fri, Apr 03, 2026, 8:36 PM UTC

Muhammad523 wrote: post #3

Nice! How about making a firefox-compatible version?

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

Re: Show HN: Screenshot web components with one click

#5

Post by emvideo » Fri, Apr 03, 2026, 8:57 PM UTC

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.

Re: Show HN: Screenshot web components with one click

#6

Post by ratneshchipre » Sat, Apr 04, 2026, 4:36 AM UTC

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?

Re: Show HN: Screenshot web components with one click

#7

Post by ayakut » Sat, Apr 04, 2026, 7:55 AM UTC

ratneshchipre wrote: post #6

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?

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.

Re: Show HN: Screenshot web components with one click

#8

Post by _lvbh » Sat, Apr 04, 2026, 10:34 AM UTC

Muhammad523 wrote: post #3

Nice! How about making a firefox-compatible version?

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

Re: Show HN: Screenshot web components with one click

#9

Post by Muhammad523 » Sun, Apr 05, 2026, 6:36 AM UTC

_lvbh wrote: post #8

Muhammad523 wrote: post #3

Nice! How about making a firefox-compatible version?

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

Thanks

Re: Show HN: Screenshot web components with one click

#10

Post by ratneshchipre » Sun, Apr 05, 2026, 2:45 PM UTC

ayakut wrote: post #7

ratneshchipre wrote: post #6

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?

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.

Ohh, great!