Browser mockup
Wrap a screenshot in a browser window frame.
What this does
- Padding, a background and a shadow — the three things that turn a bare screenshot into something that looks deliberate in a blog post, a slide or a social card.
- It exports at full size — the preview is scaled down so the sliders stay responsive, but the download is rendered from your original. A 3840px screenshot comes back at 3840px plus the padding.
- Every measurement is relative — padding and corner radius are percentages of your image, not pixel counts, so the same settings look the same on a phone screenshot and a 5K one.
- Nothing is uploaded — it is one canvas draw in your browser. No account, no watermark, no export limit.
A website screenshot reads as a website when it sits in a window. This adds a title bar above your screenshot — light or dark — and puts the whole thing on a background with a shadow, which is the standard treatment for a landing page, a changelog or a slide.
The frame is drawn, not photographed: there is no device artwork to licence, nothing to download, and it scales cleanly to any resolution because it is geometry rather than a bitmap.
It is deliberately generic. It does not imitate any particular browser’s or manufacturer’s chrome, which would be someone else’s trade dress on your image.
How to use it
- Drop in your website screenshot.
- Choose a light or dark title bar.
- Pick a background and adjust the shadow.
- Download.
Frequently asked questions
Does it look like a specific browser?
No, and that is deliberate: copying a particular browser’s or manufacturer’s chrome puts someone else’s trade dress on your marketing image. The bar here is generic.
Can I put my URL in the bar?
Not on this page. A fake address bar is the thing most likely to make a mockup look wrong, and a real one belongs in the screenshot itself. The design editor can add text over an image if you need it.
Will the frame blur when I scale it up?
No. It is drawn at the export resolution rather than scaled from a bitmap, so it is crisp at any size.
Does this work for a phone screenshot?
It will frame anything, but a title bar with three dots makes most sense around a desktop screenshot. For a phone screenshot, the rounded corners and a background usually look better on their own.
More free tools
All design →Add Text to a Photo
Put words on a picture with proper fonts, an outline and a shadow — and keep the full resolution.
Photo Collage Maker
Combine several photos into one picture, with layouts, spacing and rounded corners.
Design Editor
Start from a template on any canvas size, change what you like, and download it at full resolution.
Instagram Post Maker
Design a square, portrait or landscape Instagram post from a template and download it ready to upload.
Wheel Spinner
Type your options, spin the wheel, get a winner.
Cut Audio
Keep the part you want. MP3, M4A, WAV and more.