Brand
Get all logo versions.
Download 
A music streaming app wireframe is a low-fidelity layout of the screens listeners use to find music, play it and keep a library. This free template rebuilds 15 screens from the Spotify iOS app: sign-up, home with a mini player, search and results, an artist page, a playlist, now playing, the queue, track options, a podcast episode, Your Library, a Premium offer and settings. Edit it online in Whimsical for music streaming app design, podcasts included.
A full-screen player is the now playing view, with large artwork, a progress bar and every playback control. A mini player is a slim bar pinned above the tab bar that shows the current track and a play button while people browse. Music apps need both: the mini player for control anywhere, the full player for detail. In this template, the mini player sits on home.
Build a music streaming app by designing playback first and the catalog around it. Wireframe the now playing screen, the queue and the mini player, then home, search, artist, playlist and library pages. Licensing, streaming infrastructure and offline downloads come later and shape what a free tier can offer. Drafting the screens in Whimsical's wireframe tool lets the team agree on flows before building.
No single music app has the best UI for everyone, but Spotify is a useful benchmark because it fits music, podcasts and a free tier behind a short tab bar led by Home, Search and Your Library. Its tab bar stays visible as people move between sections, as Apple's tab bar guidelines recommend. The right model for your app depends on whether listeners mostly search, browse or replay saved music.
Spotify's iOS app. The Spotify app design handles music, podcasts and a free tier in one player, so its structure covers more cases than most audio apps. The 15 wireframes were built from screenshots on Mobbin, each next to its source with a link to the screen. Album art and branding are gray placeholders, and Whimsical isn't affiliated with Spotify.
It was made with App Wireframe, an open-source agent skill. Name an app, Spotify in this case, and it pulls the key screens from Mobbin, then rebuilds each as an editable Whimsical wireframe next to its screenshot. Point it at another music or podcast app, or at your own screenshots, and you get the same kind of board. Under the hood it's an AI agent using the Whimsical MCP server, with the Mobbin MCP server added for apps you name.
A now playing screen is the full-screen view of the track that's playing, with artwork, title, artist, a progress bar and controls for play, skip, shuffle and repeat. It usually links to the queue, lyrics and output devices. Apple's guidance on playing audio adds that people expect playback to pause the moment headphones disconnect. This template includes Spotify's now playing screen with its Lyrics panel.