Now Playing ✨

NFrom Nibware - Original components, crafted in-house.

A now-playing screen with Liquid Glass transport controls over album art.

Music25 linesSwiftUIiOS 17+

The actual source

Now Playing ✨ · Swift

NowPlaying.swift

import SwiftUI

extension View {
    /// iOS 26 Liquid Glass with an ultraThinMaterial fallback for earlier versions.
    @ViewBuilder func liquidGlass<S: Shape>(_ shape: S) -> some View {
        if #available(iOS 26.0, *) { self.glassEffect(.regular, in: shape) }
        else { self.background(.ultraThinMaterial, in: shape) }
    }
}

/// ✨ A now-playing screen with Liquid Glass transport controls over album art.
struct MusicNowPlaying: View {

Images this component uses

The code references this image by name. Download and drag into your Xcode Asset Catalog, keeping the same name, and the component renders exactly like the preview. Or swap in your own.

carAlbum.pngDownload

What it needs

Self-contained SwiftUI - system materials, SF Symbols, no external dependencies. This screen also references:

All of it - tokens, sub-views, models - is carried in the copy-paste source above.

Pairs well with