Free UI mockup generator

Pick a screen, a device and an angle — download a ready PNG in seconds. No sign-up.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

UI Generator creates believable app interfaces — dashboards, finance apps, CRMs, chats, shops and more — and places them on the latest iPhone and MacBook. Use it for landing pages, pitch decks, presentations, blog posts, Product Hunt launches or anywhere you need a beautiful “product shot” before the real product exists.

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.

Examples

Dashboard mockup generatorDashboard mockup generatoriPhone mockup generatoriPhone mockup generatorMacBook mockup generatorMacBook mockup generatorIsometric mockup generatorIsometric mockup generatorMobile app mockup generatorMobile app mockup generatoriPhone and MacBook mockup togetheriPhone and MacBook mockup together

Questions

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.

Which devices are available?

iPhone 17 Pro, iPhone 17 Pro Max, iPhone Air, MacBook Pro 14″, MacBook Pro 16″, MacBook Air 13″, a browser window, or no frame at all. You can also show a MacBook and an iPhone together.

Can I make an isometric or 3D mockup?

Yes. Choose the “Left”, “Right”, “From above” or “Floating” angle and the device is rendered in real 3D with the screen in perspective.

Can I download a PNG with a transparent background?

Yes. Pick the checkered background swatch and download PNG or WebP — the shadow is kept, the background is transparent.

More mockups

Mockups by screen type


Mockups by device