3DMockups Start free

3D Phone Mockup Generator

Drop in a screenshot and get a polished 3D smartphone you can tilt to any angle. Ideal for app store promos, landing pages, case studies and social posts.

Drag to rotate · scroll or pinch to zoom
Your browser could not start 3D graphics (WebGL). Try the latest Chrome, Edge, Firefox or Safari, or turn on hardware acceleration.

PNG keeps a transparent background. JPG fills it with your chosen background, or white if none is set.

How to make a phone mockup

  1. Take a screenshot on any phone, or export a screen from Figma at mobile size.
  2. Upload it. "Fill screen" covers the display edge to edge and keeps the top of long screenshots visible. "Show whole" fits the entire image with black bars if the proportions differ.
  3. Style the phone. Pick a body colour and choose standing or lying flat.
  4. Find the angle and download a transparent PNG to place on your own background.

Screenshot sizes that fit best

The 3D screen uses a tall 19.5 : 9 shape, the most common proportion on current Android phones and iPhones. Screenshots at these sizes fill it without cropping:

SourceTypical size
Most Android phones (FHD+)1080 × 2340 or 1080 × 2400
Recent iPhones1179 × 2556 or 1290 × 2796
Figma / Framer frame390 × 844 or 393 × 852 at 3×

Older 16 : 9 screenshots also work; switch to "Show whole" to avoid cropping the bottom.

Where phone mockups are used

  • Google Play feature graphics and App Store promo images
  • SaaS landing pages showing the mobile version of a product
  • Portfolio case studies for UI and UX designers
  • WhatsApp, Instagram and LinkedIn launch posts

Frequently asked questions

Is this an iPhone or Samsung model?

Neither. The phone is a generic modern smartphone design without any brand logo, so you can use it freely in marketing without trademark concerns.

Will my screenshot look sharp?

Yes. The screen shows your image unlit and at full brightness, like a real display. Upload the original screenshot rather than a compressed copy for best results.

Can I show the back of the phone?

Use the Back view to see the camera module and body colour.

Is there a transparent PNG option?

Keep the background on Transparent and click Download PNG.

Are my screenshots uploaded?

No. They are processed in your browser, which makes the tool safe for unreleased apps and client work under NDA.

More free mockup tools

Need another object? Try the 3D book mockup, 3D logo mockup, box mockup, can mockup, mug mockup, laptop mockup. Every tool runs in your browser with the same privacy promise.