Fitness app mockup

Activity rings, steps, heart rate, sleep and workouts — a health dashboard for iPhone and desktop.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The fitness template draws a health tracker with three activity rings, weekly steps, heart rate, sleep and water cards, plus recent workouts. The iPhone version looks great in dark mode with bright ring colors.

Examples

Fitness App mockup on iPhone 17 Pro, left angle, dark modeFitness App on iPhone 17 Pro Mockup — Left Angle, Dark ModeFitness App mockup on MacBook Pro 14-inchFitness App on MacBook Pro 14-inch MockupFitness App mockup on iPhone 17 Pro, isometricFitness App on iPhone 17 Pro Mockup — IsometricFitness App mockup on MacBook Pro 14-inch and iPhone 17 Pro, floating 3D, dark modeFitness App on MacBook Pro 14-inch and iPhone 17 Pro 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

Does dark mode look different?

Yes, in dark mode the rings use extra-bright colors like a real watch app.

Is there a desktop version?

Yes, choose MacBook or Browser.

Can I export for Instagram?

Pick 1080×1350 in the size menu.

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