liquid-glass-designlisted

# Liquid Glass Design System (iOS 26) 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. ## When to Activate - 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 ## Core Pattern — SwiftUI ### Basic Glass Effect The simplest way to add Liquid Glass to any view: ```swift Text("Hello, World!") .font(.title) .padding() .glassEffect() // Default: regular variant, capsule shape ``` ### Customizing Shape and Tint ```swift Text("Hello, World!") .font(.title) .padding() .glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0)) ``` Key customization options: - `.regular` — standard glass effect - `.tint(Color)` — add color tint for prominence - `.interactive()` — react to touch and pointer interactions - Shape: `.capsule` (default), `.rect(cornerRadius:)`, `.circle` ### Glass Button Styles ```swift Button("Click Me") { /* action */ } .buttonStyle(.glass) Button("Important") { /* action */ } .buttonStyle(.glassProminent) ``` ### GlassEffectContainer for Multiple Elements Always