liquid-glass-ios

What problem does it solve?

This skill provides guidance and patterns for implementing Apple's Liquid Glass design system in iOS apps, enabling glassy navigation chrome with accessible visuals, smooth morphing, and consistent styling.

Core Features & Use Cases

• SwiftUI glassEffect APIs usage on navigation bars, toolbars, and sheets to create translucent chrome.
• Morphing patterns with glassEffectID and @Namespace for seamless transitions between view states.
• Container approach via GlassEffectContainer for spacing and unified glass layers.
• Accessibility and performance best practices to maintain readability and frame rates.

Quick Start

Identify the navigation chrome you want to glass over, wrap related controls in GlassEffectContainer if needed, apply glassEffect(.regular) to the chrome, assign glassEffectID for morphing, and declare a @Namespace in the parent view.