Show HN: Screenshot web components with one click

chromewebstore.google.com

5 points·ayakut··9 comments

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.

Open articleView on HN

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.

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!

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

Nice! How about making a firefox-compatible version?

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

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

Thanks

Reply on news.ycombinator.com