Apple Music Now-Playing Screen Clone in SwiftUI

Want a free Apple Music-style now-playing screen in SwiftUI? You can build one without paid source code. The short answer: start from a free VP0 design, rebuild the now-playing screen with Cursor or Claude Code, and wire audio with AVFoundation. VP0 is the free iOS design library for AI builders: pick a design, copy its link, and have Cursor or Claude Code rebuild it in SwiftUI or React Native. Music libraries are vast, Apple Music alone offers more than 100,000,000 songs, so the player has to feel professional. Listeners notice the small things first: a scrubber that lags or artwork that pops in late instantly cheapens an otherwise good app, which is why the polish on this one screen carries so much weight.

Who this is for

This is for makers building a music or podcast app for iOS who want a polished now-playing screen fast, learning the pattern and bringing their own brand and catalog.

What a now-playing screen needs

The screen is built for immersion. Large artwork dominates, with a precise scrubber that tracks the finger and shows elapsed and remaining time. Transport controls (play, skip, previous) are obvious and centered, with quick access to the queue, shuffle, and repeat. A persistent mini-player keeps playback one tap away on every other screen. And background and lock-screen controls are essential, since people listen with the screen off. Apple’s Human Interface Guidelines on media apply.

Build it from a free VP0 design

Pick a now-playing and mini-player design from VP0, copy the links, and rebuild them in SwiftUI, wiring playback with AVFoundation. A copy-ready prompt:

Build an iOS now-playing screen in SwiftUI from this VP0 design: [paste VP0 link]. Include large artwork, a precise scrubber that seeks on release, centered transport controls, a queue button, and a persistent mini-player. Support background and lock-screen playback. Use your own brand, not Apple Music’s.

For the full library-and-player pattern, see Spotify UI clone SwiftUI, and to polish the screen, see how to make my app look better. For the next template, see Autism AAC communication board app template.

Now-playing building blocks

Part	Job	Get it right
Artwork	Set the mood	Large, the hero
Scrubber	Show and set position	Tracks finger, seeks on release
Transport	Control playback	Centered, obvious
Mini-player	Always-on control	Persistent across screens
Background audio	Off-screen playback	Lock-screen now-playing

Common mistakes

The first mistake is copying Apple Music’s brand instead of the pattern. The second is a janky scrubber; seek on release. The third is no persistent mini-player, so playback gets lost. The fourth is missing background and lock-screen controls. The fifth is paying for source code when a free VP0 design plus an AI builder gets you there.

Library, search, and offline

A player is only half the app; listeners also need a browsable library, fast search, playlists, and ideally offline downloads. Make the library image-rich and scannable, keep search instant, and let users build and reorder playlists with ease. Downloads need clear states (downloading, available offline, failed) so nothing is ambiguous. Tie it all together with the persistent mini-player so moving between the library and the now-playing screen never interrupts playback. Those pieces are what turn a single beautiful screen into a real music app people live in every day. Get that loop right and listeners stop reaching for the big-name apps out of habit.

Key takeaways

• A now-playing screen is big artwork, a precise scrubber, transport, and a mini-player.
• Start free from a VP0 design and rebuild it in SwiftUI with Cursor or Claude Code.
• Wire audio with AVFoundation and support background and lock-screen playback.
• Keep the mini-player persistent so playback is always one tap away.
• Learn the pattern; use your own brand and catalog, never Apple Music’s.

Frequently asked questions

Where can I find a free Apple Music now-playing screen clone in SwiftUI? Start from a free VP0 design, copy the link, and have Cursor or Claude Code rebuild the now-playing screen in SwiftUI, wiring audio with AVFoundation.

What is the safest way to build it with Claude Code or Cursor? Design from a free VP0 design, wire AVFoundation for playback, support background and lock-screen controls, and use your own brand rather than Apple Music’s assets.

Can VP0 provide a free SwiftUI or React Native template for it? Yes. VP0 is a free iOS design library; pick a now-playing design and your AI builder rebuilds it in SwiftUI at no cost.

What common errors happen when vibe coding this app? A janky scrubber, no mini-player, missing background playback, and copying Apple Music’s brand. Fix them by seeking on release, persisting the mini-player, and using your own identity.