Browser mockup generator

A clean macOS-style browser window with address bar — flat or in 3D.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The browser frame is the simplest way to present a web app. It has traffic-light buttons and an address bar showing your product’s domain. Use a generated screen or your own website screenshot.

Examples

Landing Page mockup on Browser WindowLanding Page on Browser Window MockupAnalytics Dashboard mockup on Browser Window, left angleAnalytics Dashboard on Browser Window Mockup — Left AnglePricing Page mockup on Browser Window, isometricPricing Page on Browser Window Mockup — IsometricCRM Table mockup on Browser Window, floating 3D, dark modeCRM Table on Browser Window Mockup — Floating 3D, Dark Mode

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

What does the address bar show?

Your product name as a .com domain.

Is there a dark window?

Yes, switching to Dark also darkens the browser frame.

Can I use a full-page screenshot?

Yes, the screenshot is aligned to the top and fills the window width.

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