Free phone mockup maker

Drop an image on a phone, a tablet or a laptop frame, pick a finish and a background, turn it, and download a PNG. Everything happens in your browser: the image you add is never uploaded.

The maker is loading. It needs JavaScript and does all of its work on your own device.

How the maker works

Choose a device first. Each one has the screen size of the real model, in points and in pixels, so an image captured on that phone fits the glass exactly. Then add your screen: drop a file on the preview, choose one, or paste an image. Fill covers the glass, Fit keeps the whole picture on black, Stretch matches the shape.

The background can be one color, a two-color gradient, or transparent. Rotation goes from minus 90 to 90 degrees and padding from 0 to 30 percent of the larger side. Export scale multiplies the size of the drawing in points: 1x is the size in points, 3x is the native pixel density of most recent phones. If the image would be larger than a browser can paint, the scale is lowered and the page says so.

Without an image the screen shows a sample wallet in our lavender style. It is drawn by this page and is not a real wallet. To type your own balances on a wallet screen like it, use the button under the preview.

One page per device

If you search for a model, each of these pages has the maker set to that device, a table of its dimensions and the export sizes that matter for it.

Quick answers

Is the phone mockup maker free?

Yes. Make as many as you want and download them all, with no account. A small flexdger.com mark sits on each one; a Flexdger Wallet membership takes it off.

Does my picture go anywhere?

No. Your browser reads the file you drop, paints it onto a canvas and builds the PNG on your machine. No request carrying that picture ever leaves it.

Which devices can I choose?

Every recent iPhone, from the notch generation through the iPhone 18 Pro Max, three iPad sizes, an unbranded Android handset and an unbranded laptop. We draw each frame ourselves from published screen dimensions.

Can I get a transparent PNG?

Yes. Pick Transparent under Background and the file keeps its alpha channel. The soft shadow is yours to keep or drop.

What is on the screen before I change it?

A sample wallet screen in our lavender, drawn by the page itself. Nothing was captured from a real wallet and no one's logo appears on it. Drop your own image over it whenever you like.

Does a mockup prove anything?

No. A mockup is a picture of a screen, made for design work, for content and for demos. It is not a receipt, not a statement, and never proof that anyone holds anything.

The maker comes from Flexdger Wallet, a crypto wallet mockup that runs in the browser: you choose the balance, the tokens, the name and the avatar, prices are live, and nothing gets installed. This maker needs no account, and whatever it exports is a picture of a screen, never proof of funds.

Not affiliated with Apple, Samsung or Google. The names iPhone, iPad and MacBook belong to Apple Inc., and Samsung and Google own theirs. Each frame on this page is our own drawing, traced from published screen sizes and never taken from a manufacturer's artwork.