liquid-glass-design

Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.

16|3|Updated Mar 12, 2026

Search Tags:#swiftui #design-system #ui-patterns #liquid-glass #widgetkit #glass #uibkit

Ready to run

npx skills add https://github.com/sehoon787/my-claude --skill liquid-glass-design-sehoon787

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/sehoon787/my-claude/tree/main/skills/ecc/liquid-glass-design
Command: npx skills add https://github.com/sehoon787/my-claude --skill liquid-glass-design-sehoon787

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liquid Glass design system for iOS 26 delivers dynamic blur, translucency, and morphing glass effects across SwiftUI, UIKit, and WidgetKit, enabling modern depth and interactivity in apps.

Core Features & Use Cases

SwiftUI integration with a glassEffect modifier and shape/tint customization
UIKit equivalents like UIGlassEffect and container patterns
Morphing transitions managed via glassEffectID and GlassEffectContainer
WidgetKit support including accented rendering modes for home screen widgets
Use cases include toolbars, cards, and interactive components requiring depth

Quick Start

Begin by applying a basic glassEffect to a SwiftUI view and adjust its shape and tint.

Frequently Asked Questions about liquid-glass-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement Liquid Glass UI effects in SwiftUI?▼

To implement Liquid Glass UI effects in SwiftUI, apply the glassEffect modifier to your views. You can customize the shape and tint within the modifier to create dynamic blur and translucency for interactive components.

Can I use Liquid Glass design patterns with UIKit and WidgetKit?▼

Yes, Liquid Glass design patterns support UIKit through UIGlassEffect equivalents and container patterns. WidgetKit integration is also supported via accented rendering modes for home screen widgets to ensure consistent depth and motion.

What is the GlassEffectContainer used for in iOS 26?▼

The GlassEffectContainer is used to manage morphing transitions for glass effects in iOS 26. By assigning a glassEffectID, it enables dynamic morphing interactions and seamless visual feedback across grouped UI elements.

How do I add dynamic blur and tint to iOS app toolbars and cards?▼

You can add dynamic blur and tint to iOS toolbars and cards by applying glass effect modifiers. These patterns inject depth, motion, and interactive feedback into your UI components using the Liquid Glass design system.

Does WidgetKit support accented rendering modes for Liquid Glass?▼

Yes, WidgetKit supports accented rendering modes for Liquid Glass. This allows your home screen widgets to render with the appropriate translucency, tint, and depth effects matching the iOS 26 design system.