# Apple Music Now-Playing Screen Clone in SwiftUI > By Lawrence Arya, Founder & CEO of VP0. Published 2026-05-31, updated 2026-06-02. 4 min read. > Source: https://vp0.com/blogs/apple-music-playing-now-screen-clone-swiftui The now-playing screen is where listeners sink in: big artwork, a scrubber that tracks the finger, and controls that never get in the way. **TL;DR.** An Apple Music-style now-playing screen in SwiftUI is large artwork, a precise scrubber, transport controls, and a mini-player that persists. Build it free from a VP0 design with Cursor or Claude Code, wire audio with AVFoundation, and support background and lock-screen playback. Learn the pattern; use your own brand and catalog, never Apple Music's assets. 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](https://www.apple.com/apple-music/) 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](https://developer.apple.com/design/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](https://developer.apple.com/documentation/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](/blogs/spotify-ui-clone-swiftui/), and to polish the screen, see [how to make my app look better](/blogs/how-to-make-my-app-look-better/). For the next template, see [Autism AAC communication board app template](/blogs/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. ## 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. --- *Published on the [VP0 Journal](https://vp0.com/blogs). Free to read, index and cite with attribution.*