What is the Liquid Glass design system?

Liquid Glass is the iOS 26 design language characterized by dynamic materials that blur backgrounds, reflect ambient light, and support interactive shape morphing.

Can I apply these effects to UIKit projects?

Absolutely. The skill provides detailed implementation guides for UIGlassEffect and UIGlassContainerEffect to ensure UIKit parity with SwiftUI.

Does this skill support WidgetKit development?

Yes, it includes specific patterns for rendering modes, accenting, and container backgrounds optimized for the latest WidgetKit APIs.

How does the morphing effect work in SwiftUI?

Morphing is achieved by wrapping glass elements in a GlassEffectContainer and using the glassEffectUnion or glassEffectID modifiers with a Namespace.

iOS Liquid Glass Design System

Name: iOS Liquid Glass Design System
Author: oabdelmaksoud

byoabdelmaksoud

0•

Mobile Development

Implements Apple's iOS 26 Liquid Glass design patterns, featuring dynamic materials, interactive blurs, and seamless morphing transitions.

This skill provides comprehensive implementation patterns for the iOS 26 Liquid Glass design language across SwiftUI, UIKit, and WidgetKit. It guides developers through creating sophisticated glass-morphic interfaces that react to touch, reflect environment colors, and perform high-performance shape morphing. Whether building modern widgets, toolbars, or interactive cards, this skill ensures consistent application of Apple's latest aesthetic guidelines while providing specific code snippets for complex transitions, accessibility, and performance optimization.

Características Principales

01Interactive modifiers for responsive touch and pointer feedback

02High-performance shape morphing using GlassEffectContainer patterns

03Cross-framework support for SwiftUI, UIKit, and WidgetKit integration

04Dynamic Liquid Glass material implementation with blur and reflection effects

05Automatic handling of system appearance modes including Light, Dark, and Accented

060 GitHub stars

Casos de Uso

01Creating interactive floating toolbars and navigation elements with morphing transitions

02Migrating existing iOS application UI to the iOS 26 design language

03Designing modern home screen widgets that support system-level accenting and tinted modes

Características Principales

01Interactive modifiers for responsive touch and pointer feedback

02High-performance shape morphing using GlassEffectContainer patterns

03Cross-framework support for SwiftUI, UIKit, and WidgetKit integration

04Dynamic Liquid Glass material implementation with blur and reflection effects

05Automatic handling of system appearance modes including Light, Dark, and Accented

060 GitHub stars

Casos de Uso

01Creating interactive floating toolbars and navigation elements with morphing transitions

02Migrating existing iOS application UI to the iOS 26 design language

03Designing modern home screen widgets that support system-level accenting and tinted modes