Components
2 free copies left todaySign in
Components/Music/Glass Controls ✨
Glass Controls ✨
Rendered from the real SwiftUI via ImageRenderer

Glass Controls ✨

NFrom Nibware - Original components, crafted in-house.

Liquid Glass playback control buttons over a gradient.

Music31 linesSwiftUIiOS 17+

The actual source

Glass Controls ✨ · Swift
GlassControls.swift
import SwiftUI

let muPink = Color(red: 0.98, green: 0.18, blue: 0.33)

let muPurple = Color(red: 0.55, green: 0.35, blue: 0.92)

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) }
    }
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.