Design tools
Screenshots that look presentation-ready
Wrap a screenshot in a browser window or phone frame, set the background and shadow, and export a crisp PNG for a deck, a post or a portfolio.
About this tool
From raw screenshot to finished image
A bare screenshot looks unfinished in a slide or a social post. This places it in a clean frame — a browser window in light or dark, or a generic phone — on a gradient or solid background, with padding, rounded corners and a soft shadow — and never resamples your screenshot, so Retina captures stay pin-sharp. Everything is drawn on a canvas in your browser; frames are original designs, not trademarked devices.
- Free, no sign-up
- Runs in your browser
- Nothing uploaded
Browser or phone
Light or dark browser chrome with an optional URL, or a slim phone frame for mobile screenshots.
Backgrounds that fit
Brand gradients, solid colours or transparent, with adjustable padding and shadow.
Exported sharp
Your screenshot keeps every pixel; the frame is drawn to match Standard or Retina captures. PNG or WebP, or fixed sizes for slides and posts.
Step by step
How to make a mockup
Add a screenshot
Drop a desktop or mobile screenshot.
Choose the frame
Browser (light or dark) or phone, a background and the padding.
Export
Download a PNG or WebP, or copy it to the clipboard.
Get the most out of it
Tips for the best results
- Match the frame to the screenshotUse the phone frame for tall mobile captures, the browser for desktop ones.
- Capture on a Retina screenChoose Retina and the frame is drawn at double density around your screenshot — nothing is enlarged, so it stays sharp.
- Transparent for overlaysA transparent background drops neatly onto any slide colour.
- Crop firstTrim the screenshot to what matters before framing it.
Keep going
More free design tools
Questions
Questions about this tool
Everything here runs in your browser — nothing you add is uploaded. More in the general FAQ.
How do I put a screenshot in a browser frame?
Drop the screenshot, choose Browser, set light or dark and the address shown, then export. The frame, background and shadow are drawn around your image at full resolution.
Can I use the mockups commercially?
Yes. The frames are original, generic designs drawn by this tool, not copies of branded devices, so there is nothing to license.
What size is the export?
Your screenshot at its own resolution plus the frame and padding. You can also choose a fixed size — 1920×1080 for slides, 1200×630 or 1080×1080 for social posts — and the mockup is fitted inside it.
Can I have a transparent background?
Yes — choose Transparent and export as PNG or WebP.
Is my screenshot uploaded?
No. It is drawn and exported in your browser.