Mobile app mockup generator

Realistic iOS-style app screens on the latest iPhone — banking, fitness, chat, shop, music and more.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

Pick one of 15 app types and the generator draws a polished mobile screen with a real iOS status bar, tab bar and home indicator, then puts it on an iPhone 17 Pro, Pro Max or iPhone Air.

Rotate the phone, lay it flat for an isometric look or let it float — then download a transparent PNG for your app’s landing page or App Store marketing.

Examples

Finance App mockup on iPhone 17 Pro, left angleFinance App on iPhone 17 Pro Mockup — Left AngleFitness App mockup on iPhone 17 Pro, dark modeFitness App on iPhone 17 Pro Mockup, Dark ModeMusic Player mockup on iPhone 17 Pro, floating 3DMusic Player on iPhone 17 Pro Mockup — Floating 3DSocial Media App mockup on iPhone 17 Pro, isometricSocial Media App on iPhone 17 Pro Mockup — Isometric

How it works

  1. Choose a screen

    Pick one of 18 interface types (5 layouts each) or upload your own screenshot. Press “New variant” until you like it.

  2. Choose a device

    Put it on an iPhone 17 Pro, iPhone Air, MacBook Pro or MacBook Air — or show it in a browser window.

  3. Download

    Pick an angle and background, then download a high-resolution PNG, JPG or WebP. Transparent background works too.

Questions

Which app screens can I generate?

Dashboard, finance, tasks, contacts (CRM), calendar, chat, AI chat, shop, landing page, pricing, sign in, fitness, music, social feed and email.

Does it look like iOS?

Yes. Screens include the iOS status bar with Dynamic Island, a tab bar and the home indicator.

Can I use my own app screenshot?

Yes — click “Your screenshot” or drop an image on the preview. It stays in your browser.

Is UI Generator free?

Yes. Every interface, device, angle and export size is free, and you don’t need an account. You can use the images in commercial projects.

Can I put my own screenshot on an iPhone or MacBook?

Yes. Click “Your screenshot”, drag an image onto the preview or paste it with Ctrl/Cmd+V. Your image is processed in your browser and is never uploaded.

More mockups