Add a browser frame to a screenshot

Upload or paste your screenshot and keep the Browser frame selected. Shotcraft puts it in a browser window with an address bar you can edit, on a gradient background. It is free, needs no sign-up and runs in your browser.

Or drop an image here, or press Ctrl/Cmd+V to paste one.

This wraps screenshots only. It does not make product mockups such as t-shirts or packaging.

Last updated: November 7, 2026

How to add a browser frame to a screenshot

Screenshot your site with your system screenshot tool, or with Capture screenshot in your browser's developer tools.
Upload it, paste it with Ctrl/Cmd+V, or tap Try a sample screenshot.
Keep the Browser frame and type the address you want shown, or switch to Mac light or Mac dark.
Choose a canvas size and a background.
Download PNG, JPG or WebP. Free is 2x with a small watermark; Pro is 4x with none.

Where to use it

Landing page hero and feature sections.
Product Hunt and other launch galleries.
Documentation, changelogs and blog posts.
Social posts and link previews. See OG images.

Size cheat sheet

16:9: a general wide image for landing pages and docs.
1.91:1: a wide link-preview shape.
Auto: fits the canvas to your screenshot plus padding.
The full editor also has 1:1, 4:5, 9:16 and Twitter 16:9.

These set the shape. The pixel size depends on your screenshot and the export scale. Platforms change their image rules, so check the current guidance before you upload.

Frequently asked questions

How do I make a browser mockup?

Take a screenshot of your website, upload it or paste it with Ctrl/Cmd+V, and it appears inside a browser window on a gradient background. Pick a canvas size and background, then download the image.

Can I change the URL in the address bar?

Yes. With the Browser frame selected, type any text into the Address bar text field, or edit it directly in the preview. It is only text on the picture: it does not load a page or make a link.

What size should it be for Product Hunt?

Shotcraft offers 16:9 and 1.91:1 canvases, plus Auto. It does not have a Product Hunt preset, so check Product Hunt's current image guidance and pick the closest ratio.

Is it free?

Yes. Free exports are 2x with a small "Made with shotcraft.cloud" watermark and need no account. Pro ($12.00/mo) and Lifetime ($200.00 one time) remove the watermark and export at 4x.

Do you keep my screenshot?

No. Your screenshot is read and rendered in your browser and is not uploaded to Shotcraft's servers. We collect basic usage events, such as that an export happened, but never the image.

Light or dark window?

The Browser frame is light and has the address bar. Mac light and Mac dark are macOS-style window frames with traffic-light buttons and no address bar. For a dark window, choose Mac dark.

Made by Shotcraft, a product of Aayla Secura LLC dba Sarvixo. Questions? Email ryan@sarvixo.co.