skills.rest
sehoon787
sehoon787COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/sehoon787/my-claude --skill liquid-glass-design-sehoon787
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
phoenicisfphoenicisf

liquid-glass-design

Implement Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit.

Community
Advanced
OMIXECOMIXEC
1

liquid-glass-design

Implement Liquid Glass blur, tint, reflection, and morphing effects for iOS interfaces.

Community
Intermediate
idiaz01idiaz01
3

liquid-glass-design

Implement Liquid Glass UI patterns across SwiftUI, UIKit, and WidgetKit apps.

Community
Advanced
vinitgirdharvinitgirdhar

liquid-glass-design

Implement cross-framework Liquid Glass UI for iOS 26 apps.

Community
Advanced