Phone Mockup Generator
Put a screenshot into a realistic phone or tablet frame. Pick a color, background and angle, then download a transparent PNG.
or browse filesdrop an image here or paste
.png
Put a screenshot into a realistic phone or tablet frame. Pick a color, background and angle, then download a transparent PNG.
or browse filesdrop an image here or paste
Drop an app screenshot, a website capture or a design export and it appears inside a realistic phone at once. The frame is drawn in your browser: a metal rim that catches the light, a black glass bezel, side buttons, a soft glass sheen over the screen and a camera cut-out. Choose Island or Notch for a modern phone with a pill or notch camera (the iPhone look), Punch-hole for the Android style with a small round camera, or Tablet for an iPad-style frame with even bezels. Frame color switches between graphite, silver, gold, blue and white.
It is made for app store images, portfolio pages, pitch decks, landing pages and social posts, where a bare screenshot looks unfinished and a real product photo is more work than it is worth.
The screenshot fills the rounded screen edge to edge and is never stretched: it is centred and scaled to cover, so a picture with a different shape loses only a thin strip. The download is sized so your screenshot sits on the screen pixel for pixel, which keeps small text sharp. A landscape screenshot turns the phone on its side by itself.
Background is None (transparent), Color or Gradient, each with its own colour picker. Angle tilts the device left or right with real perspective, and Shadow adds a soft drop shadow under it. To put the same picture into a browser window instead, see /code-to-image/ for code, or place a screenshot on a flat colour with /image-overlay/.
PNG is the default because it keeps the transparent background, so the mockup drops onto any slide or web page without a box around it. JPG and WebP are in the menu next to the download button; JPG fills a transparent background with white. You can also copy the finished mockup to the clipboard, or share it straight from a phone.
Screenshots often show things that are not public yet: an unreleased app, a client dashboard, a chat, an inbox. Nothing is uploaded here. The picture is read, framed and saved on your own device, so it never leaves it.
Yes. Island and Notch draw a modern phone with rounded corners and a pill-shaped or notch camera, the look people know from recent iPhones. The frame is drawn from scratch and carries no logo or brand name, so you can use it in your own material.
Any size works. A screenshot taken on the phone itself fits best because its shape matches the screen. The download grows with your picture so the screenshot keeps its full resolution, up to 5000 pixels on the long side.
Yes. Set Background to None and download PNG: everything outside the device, including the soft edge of the shadow, stays transparent.
Yes. Punch-hole draws an Android-style phone with flatter corners and a small round front camera in the middle of the top edge.
No. The screenshot is decoded and drawn into the frame by your browser. That matters most for app screens that are not released yet or that show private messages or account data.