What problem does it solve?
Modern iOS apps need visually rich, translucent materials that blend with surrounding content while remaining performant and accessible; this Skill captures patterns to implement Apple's Liquid Glass material consistently across SwiftUI, UIKit, and WidgetKit so designers and engineers can create blur, tint, reflection, and morphing interactions without guesswork.
Core Features & Use Cases
- Cross-framework patterns: Concrete guidance for SwiftUI, UIKit, and WidgetKit including GlassEffectContainer and UIGlassContainerEffect usage.
- Interactive & morphing components: Techniques for spacing-controlled merging, glassEffect unions, namespace-driven morphing transitions, and interactive modifiers for touch and pointer feedback.
- Performance & accessibility: Best practices for wrapping multiple glass views for performance, handling accented rendering modes in widgets, and ensuring readable contrast across appearances.
- Use Case: Convert a toolbar, floating action button, or widget background to Liquid Glass, enabling smooth morphing transitions between UI states while preserving system tinting and accessibility.
Quick Start
Use the liquid-glass-design guidance to add a glassEffect modifier to a SwiftUI view and wrap related views in a GlassEffectContainer to prototype interactive glass components.
