Music app mockup

A streaming app with playlists and track list on desktop, and a beautiful now-playing screen on iPhone.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The music template draws a desktop streaming player with library, playlists, a big header and a track list, plus a player bar. On iPhone you get a “Now playing” screen with artwork, progress and controls.

Examples

Music Player mockup on iPhone 17 Pro, floating 3D, lavenderMusic Player on iPhone 17 Pro Mockup — Floating 3D, LavenderMusic Player mockup on MacBook Pro 14-inch, left angle, dark modeMusic Player on MacBook Pro 14-inch Mockup — Left Angle, Dark ModeMusic Player mockup on MacBook Pro 14-inch and iPhone 17 ProMusic Player on MacBook Pro 14-inch and iPhone 17 Pro MockupMusic Player mockup on iPhone 17 Pro, isometricMusic Player 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

Is the cover art copyrighted?

No, the artwork is generated abstract art.

Does it work in dark mode?

Yes, the desktop player looks especially good in dark mode.

Can I show desktop and mobile together?

Choose “Both”.

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