liquid-glass-design

Patterns for implementing Apple's Liquid Glass — a dynamic material that blurs content behind it, reflects color and light from surrounding content, and reacts to touch and pointer interactions. Covers SwiftUI, UIKit, and WidgetKit integration. The simplest way to add Liquid Glass to any view: Key customization options: Always wrap multiple glass views in a container for performance and morphing: The spacing parameter controls merge distance — closer elements blend their glass shapes together. Combine multiple views into a single glass shape with glassEffectUnion : Create smooth morphing when glass elements appear/disappear: To allow horizontal scroll content to extend under a sidebar or inspector, ensure the ScrollView content reaches the leading/trailing edges of the container. The system automatically handles the under-sidebar scrolling behavior when the layout extends to the edges — no additional modifier is needed. - Building or updating apps for iOS 26+ with the new design language - Implementing glass-style buttons, cards, toolbars, or containers - Creating morphing transitions between glass elements - Applying Liquid Glass effects to widgets - Migrating existing blur/material effects to the new Liquid Glass API - .regular — standard glass effect - .tint(Color) — add color tint for prominence - .interactive() — react to touch and pointer interactions - Shape: .capsule...