Remix.run Logo
Show HN: Screenshot web components with one click(chromewebstore.google.com)
5 points by ayakut 3 days ago | 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.

emvideo 3 days ago | parent | next [-]

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 2 days ago | parent | prev | next [-]

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 2 days ago | parent [-]

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 18 hours ago | parent [-]

Ohh, great!

millionclicks 3 days ago | parent | prev | next [-]

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

Muhammad523 3 days ago | parent | prev [-]

Nice! How about making a firefox-compatible version?

acheong08 2 days ago | parent | next [-]

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

Muhammad523 a day ago | parent [-]

Thanks

ayakut 3 days ago | parent | prev [-]

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