What is the Liquid Glass Design System?

Liquid Glass is a dynamic material introduced for iOS 26 that blurs background content, reflects surrounding light, and supports interactive morphing between UI elements.

How does Liquid Glass handle WidgetKit accented modes?

The skill includes specific patterns for detecting rendering modes in WidgetKit to ensure glass backgrounds and icons adapt correctly when a user applies a system-wide tint.

Does this skill work with UIKit as well as SwiftUI?

Yes, it provides full implementation patterns for both frameworks, including UIGlassEffect and UIGlassContainerEffect for UIKit-based projects.

Why should I use GlassEffectContainer instead of individual glass effects?

GlassEffectContainer is essential for performance optimization and is the only way to enable the 'morphing' behavior where separate glass elements blend together when they move close to each other.

Liquid Glass Design System (iOS 26)

Name: Liquid Glass Design System (iOS 26)
Author: oabdelmaksoud

byoabdelmaksoud

0•

Mobile Development

Implements Apple's Liquid Glass design language with dynamic blurs, reflections, and interactive morphing for modern iOS applications.

The Liquid Glass Design System skill equips developers with the standardized patterns needed to implement the sophisticated iOS 26 visual language. It provides comprehensive guidance for creating dynamic glass materials that react to surrounding content, light, and user interaction across SwiftUI, UIKit, and WidgetKit. By leveraging specialized components like GlassEffectContainer and interactive modifiers, this skill enables the creation of high-fidelity mobile interfaces featuring smooth morphing transitions, accented widget rendering, and performance-optimized translucent layers.

Key Features

01Intelligent glass morphing and merging via the GlassEffectContainer pattern

020 GitHub stars

03Dynamic glass material effects with real-time blur and light reflection

04Advanced layout support for horizontal scroll transparency and sidebar integration

05Unified implementation patterns for SwiftUI, UIKit, and WidgetKit

06Interactive glass components with explicit touch and pointer responsiveness

Use Cases

01Modernizing legacy iOS app interfaces to the iOS 26 design standard

02Building high-fidelity interactive cards, toolbars, and floating navigation

03Implementing complex UI transitions where glass elements fluidly merge and split

Key Features

01Intelligent glass morphing and merging via the GlassEffectContainer pattern

020 GitHub stars

03Dynamic glass material effects with real-time blur and light reflection

04Advanced layout support for horizontal scroll transparency and sidebar integration

05Unified implementation patterns for SwiftUI, UIKit, and WidgetKit

06Interactive glass components with explicit touch and pointer responsiveness

Use Cases

01Modernizing legacy iOS app interfaces to the iOS 26 design standard

02Building high-fidelity interactive cards, toolbars, and floating navigation

03Implementing complex UI transitions where glass elements fluidly merge and split