Music Player on MacBook Pro 14-inch and iPhone 17 Pro Mockup

Free music player mockup on MacBook Pro 14-inch and iPhone 17 Pro with a peach gradient.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

A ready-to-use music player mockup on MacBook Pro 14-inch and iPhone 17 Pro. It is generated in your browser — open it in the editor above, adjust anything and download.

What’s on the screen

The desktop player has a library sidebar with playlists, a big playlist header with artwork, a track list and a bottom player bar with controls and volume. The mobile version is a “Now playing” screen with large artwork, title and artist, a progress bar, playback controls and volume.

The device

Two devices share the frame: a MacBook Pro 14-inch in Space Black shows the desktop version and an iPhone 17 Pro in Silver shows the mobile version of the same product, the classic responsive hero shot.

Angle and style

The view is straight-on with no perspective, the classic flat mockup that works in any layout and keeps every detail of the interface readable.

The interface uses the light theme with the rose accent color and soft cards with gentle shadows. The scene is placed on a peach gradient with a soft shadow.

Details

Screen	Music Player (desktop + mobile)
Device	MacBook Pro 14-inch and iPhone 17 Pro
Color	Space Black / Silver
Angle	Straight-On
Theme	Light
Accent	rose
Background	peach gradient
Formats	PNG, JPG, WebP
Sizes	Auto (up to 3000 px), 1200×630, 1270×760, 1600×1200, 1080×1080, 1080×1350, 1920×1080

Good for

Music and podcast apps
Audio product launches
Creative portfolio shots
Entertainment app marketing

Questions

Can I download this music player mockup for free?

Yes. The editor at the top of this page is already set up exactly like the image. Press “Download” to get a high-resolution PNG, or change anything first. No account is needed and you can use it commercially.

Can I put my own screenshot on this MacBook Pro 14-inch and iPhone 17 Pro?

Yes. Click “Your screenshot” or drop an image on the preview. It replaces the generated music player and never leaves your browser.

Can I change the colors of this music player?

Yes. Pick one of 8 accent colors, switch between light and dark, or choose the Soft, Sharp or Glass style. “New variant” generates different data and names.