What is Liquid Glass in iOS 26?

Liquid Glass is a dynamic design material that blurs background content, reflects ambient light and color, and supports interactive morphing between UI elements.

Why is the GlassEffectContainer necessary?

The container is essential for enabling the 'morphing' behavior where nearby glass elements blend together visually, while also providing a significant performance boost over individual modifiers.

Does this skill help with migrating older apps?

Yes, it includes guidance on migrating legacy blur and material effects to the modern Liquid Glass API introduced in iOS 26.

Can I use these patterns for WidgetKit development?

Yes, the skill includes specialized patterns for handling accented rendering modes and container backgrounds specifically for iOS widgets.

How does this skill improve app performance?

It provides patterns for using GlassEffectContainer, which optimizes rendering by grouping multiple glass elements and managing their GPU interaction efficiently.

Liquid Glass iOS Design System

Name: Liquid Glass iOS Design System
Author: unju-ai

byunju-ai

0•

Mobile Development

Implements the iOS 26 Liquid Glass design system with dynamic materials, interactive morphing, and native SwiftUI/UIKit patterns.

This skill provides a comprehensive framework for implementing Apple's Liquid Glass design language in iOS 26 and beyond. It enables developers to create sophisticated UI elements that react dynamically to light, color, and touch, moving beyond static blur effects to interactive, morphing materials. By providing standardized patterns for SwiftUI, UIKit, and WidgetKit, the skill helps developers build consistent, high-performance interfaces that leverage the latest system-level glass APIs, including advanced container management and accented widget rendering.

主要功能

01Dynamic Glass Materials: Advanced implementation of blur, reflection, and light-reactive effects for UI elements.

020 GitHub stars

03WidgetKit Accented Mode: Specialized support for tinted Home Screen appearances and adaptive widget backgrounds.

04Interactive Morphing: Seamless blending and merging transitions between glass shapes using native container patterns.

05Performance Optimization: Best practices for using GlassEffectContainer to minimize GPU overhead during rendering.

06Cross-Framework Integration: Standardized patterns for SwiftUI, UIKit, and WidgetKit to ensure visual consistency.

使用场景

01Implementing complex UI state transitions where glass cards morph and merge during user interactions.

02Creating system-integrated widgets that automatically adapt to user-selected accent colors and dynamic light/dark modes.

03Building modern iOS 26 application interfaces with floating glass toolbars and interactive navigation components.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add unju-ai/ecc liquid-glass-design

For use in Claude.ai and ChatGPT