For all commenters who do not see the value, these types of images are often used in marketing. If you share a screenshot without a device, it doesn't really look that good or marketable. The context and frame around the screenshot simply looks more professional and stands out better.<p>Toi could always throw the screenshot into figma and use a plugin to generate the images but this seems much simpler. As one commenter said, do one thing well and this seems to do it.
Think I misunderstood the description. Correct me if I'm wrong, with this we can add nice looking browser toolbar on top of the screenshot, right?<p>I was under the impression that once the screenshot is uploaded, the elements in the page are extracted and can be moved around i.e. we can play with the buttons, form fields, texts or any identifiable element that can be separated by its boundary.
You made a tool that makes screenshots but you don't have a single screenshot on the site and you have an unviewable purple rectangle as the only "image" on the git repo? I don't get your logic.
I use BrowserFrame[0] fairly often for creating tutorial screenshots etc. This looks very similar. Was it inspired by that?<p>[0] <a href="https://browserframe.com/" rel="nofollow">https://browserframe.com/</a>
Don't ne disheartened by the comments asking the usefulness of this. I have been asked by lot of product guys to include browser in the screenshot so it looks better in their presentation.
I have possibly found a "bug". Not sure. Some websites, especially that take a while to load simply won't have the complete screenshot. Here's an example, the below link will only have the header in the screenshot without the header image :<p><a href="http://www.tusifahmad.com/" rel="nofollow">http://www.tusifahmad.com/</a>
This is incredible! Love the simplicity in the UX design. Gonna post it on Twitter in a bit - would love to tag you but I can't find your Twitter.<p>One suggestion - a way for people to share the link directly or just copy the PNG file without downloading it will reduce friction for people who don't really have space on their devices.<p>Great job, Dave!
How am I supposed to paste? I put an image on my clipboard, and so far all I’ve got by focusing all the focusable things and pressing Ctrl+V is the image filling the fake address bar.<p>My attempts at dropping images (from the same browser) are also failing to do anything.<p>Firefox, Windows.