AI phone mockup generator

Show an app on a phone in a real scene. The device and grip built for you.

Every image model

One workspace

Phone shots you can build

Build a phone mockup in three steps

  1. 01

    Open Morphic

    Sign up and start creating on a free-flowing, infinite visual canvas.

  2. 02

    Upload your screen

    Drop in a screen from your app and describe the phone, the grip, and the setting.

  3. 03

    Generate and export

    The device and scene build around your screen with a soft reflection. Try more grips, then export.

Use cases

Cross-platform app store listings

Present an app without tying it to one ecosystem. A brand-neutral handset works for both the Play Store and a general marketing page, so the same screen serves every channel. Generate a hero, two feature callouts, and a lifestyle grip, all in one lighting setup for a consistent gallery.

Cross-platform app store listings

UI and UX portfolios

Show mobile work as a photographed product rather than a flat frame. Put a flow into a phone held at a window for the case study cover, then a two-phone pair to show a before and after screen. The device stays consistent, so the portfolio reads as one coherent body of work.

UI and UX portfolios

Investor and product decks

Drop the app into a slide as a real moment of use. A phone held on a street or flat on a desk signals traction better than a floating screenshot. Pair two devices to walk through a key flow on one slide, and swap the screens when the demo updates before a raise.

Investor and product decks

Social and paid ad creative

Test which context sells the download. Put the same screen into an outdoor grip, a café flat-lay, and a clean studio angle, then run them against each other in the feed. Every variant carries the exact UI, so nothing about the app is misrepresented in the ad.

Social and paid ad creative

Prompt examples

Modern phone held in one hand outdoors showing an app screen

Held outdoors

Put my app screen in a modern phone held in one hand outdoors, natural daylight, blurred street behind

Edit prompt
Phone lying flat on a café table beside coffee showing an app

Café table flat

Show my screen on a phone lying flat on a café table beside a coffee, warm light, top-down

Edit prompt
Straight-on phone on a gradient backdrop for an app store hero

Store listing hero

Frame my screen in a straight-on phone on a soft gradient backdrop for an app store listing hero

Edit prompt
Two phones side by side showing two different app screens

Two screens paired

Show two phones side by side, each with one of my uploaded screens, on a pale studio surface

Edit prompt
Close crop of a phone in a hand showing a notification

Notification close-up

Close crop of my phone in a hand showing a notification on the screen, soft indoor light

Edit prompt
Three phones lined up showing three app screens in studio light

Three-device lineup

Line up three phones in a row showing three of my screens on a clean surface, even studio light

Edit prompt

All on Morphic

Your complete device mockup stack

Simple pricing

Get started for free today, with the option to upgrade or cancel anytime.

Basic

$9/ month
billed as $0 per year

1100 monthly credits

1 user only

All models

Workflows

Standard

$24/ month
billed as $0 per year

3625 monthly credits

1 user only

All models

Workflows

Pro

$45/ month
billed as $0 per year

6350 shared monthly credits

1 user

+ up to 4 more at extra cost

All models

Workflows

Pro Max

$170/ month
billed as $0 per year

24650 shared monthly credits

1 user

+ up to 9 more at extra cost

All models

Workflows

Enterprise

For higher limits

Custom

pricing and billing terms

High-volume credits
Custom seat limits
All models
Workflows
Pricing Gradient

Free

For playing around

$0

forever free

Up to 20 credits
1 user only
Limited models
Workflows

FAQs

How does the phone mockup generator work?
You upload a screen from your app and describe the phone and setting you want. The model generates a smartphone, maps your screen into the display at the right angle, and builds the grip and background around it. Because the screen is mapped to the surface, it stays sharp and skews with the device, so the result reads like a photo of someone using the app.
Does it have to be an iPhone?
No. This generator makes a generic, brand-neutral handset, which is what you want for a cross-platform listing or an ad that should not read as one ecosystem. Describe a modern edge-to-edge phone, a compact model, or a large-screen device, and the body matches. For an Apple-specific device, use the dedicated iPhone mockup generator instead.
What settings can I put the phone in?
A hand held at a window, a phone flat on a café table, an outdoor street grip, or a clean studio angle for a store listing. You can also show two phones side by side to display two screens at once. Name the scene and the light, and it builds around the app so the same screen fits a dozen contexts.
Can I make a free phone mockup online without design tools?
Yes. There is no device template to align and no smart object to replace by hand. Upload the screen, describe the phone and the setting, and export the render in the browser on Morphic. New accounts include credits so you can try a few grips and scenes first.
Will my app screen stay crisp on the display?
The upload is placed at full clarity and skewed to the screen angle, so buttons, text, and icons stay legible even when the phone is tilted in a hand. A soft reflection is added for realism without washing out the UI. If a highlight hides part of the screen, rerun with a flatter angle.
How is this different from a static phone mockup template?
A template pins one phone to one background at one angle. Here the device, the grip, and the setting are generated per shot, so the same screen can appear held outdoors, flat on a desk, or paired with a second phone without hunting for new PSDs. The one fixed element is the screen you upload.

You might also like