liquid-glasslisted

# Liquid Glass — iOS 26 SwiftUI Design System ## Overview Liquid Glass is Apple's design language introduced in iOS 26 (2025). It features translucent, depth-aware materials that react to content behind them. This skill provides patterns for implementing Liquid Glass effects in SwiftUI. ## Core Principles 1. **Translucency over opacity** — Elements reveal the content beneath them 2. **Depth through layering** — Multiple glass layers create visual hierarchy 3. **Adaptive tinting** — Glass adapts color to surrounding content 4. **Motion and physics** — Elements respond to scroll, tilt, and interaction 5. **Semantic materials** — Use Apple's material types, not hardcoded colors ## SwiftUI Materials ### Built-in Materials (iOS 15+, enhanced iOS 26) ```swift // Thin material — barely visible, subtle blur .background(.thinMaterial) // Regular material — standard glass effect .background(.regularMaterial) // Thick material — more opaque, stronger effect .background(.thickMaterial) // Ultra-thin material — maximum transparency .background(.ultraThinMaterial) // Ultra-thick material — nearly opaque .background(.ultraThickMaterial) // Bar material — for navigation/tab bars .background(.bar) ``` ### Liquid Glass Modifier (iOS 26+) ```swift // New in iOS 26: native liquid glass effect .glassEffect(.regular) // With tinting .glassEffect(.regular.tint(.blue)) // Interactive glass (responds to hover/press) .glassEffect(.regular.interactive()) ``` ## Component Patterns ###