liquid-glass-design

Implement Apple's Liquid Glass design across SwiftUI, UIKit, and WidgetKit.

7|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/Davie521/claude-skills --skill liquid-glass-design-davie521
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/Davie521/claude-skills/tree/main/plugins/swift/skills/liquid-glass-design
Command: npx skills add https://github.com/Davie521/claude-skills --skill liquid-glass-design-davie521

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implementing Apple's Liquid Glass design across SwiftUI, UIKit, and WidgetKit can be time-consuming and error-prone without a reusable pattern for blur, tint, reflection, and morphing.

Core Features & Use Cases

  • SwiftUI: glassEffect modifier for views, and GlassEffectContainer for morphing groups.
  • UIKit: UIGlassEffect and container patterns to create cohesive glass surfaces in traditional UI.
  • WidgetKit: accented rendering modes and container-backed glass surfaces for home screen widgets.

Quick Start

Apply the glassEffect modifier to SwiftUI views and wrap related elements in GlassEffectContainer to enable dynamic Liquid Glass surfaces.

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 Apple's Liquid Glass design in SwiftUI?

You can implement Apple's Liquid Glass design in SwiftUI by applying the glassEffect modifier to individual views and wrapping related elements in a GlassEffectContainer to enable dynamic, morphing glass surfaces across your app.

Can I apply Liquid Glass effects to UIKit views and WidgetKit widgets?

Yes, you can apply Liquid Glass effects to UIKit views using UIGlassEffect and container patterns, and to WidgetKit widgets through accented rendering modes and container-backed glass surfaces for the home screen.

Does this Liquid Glass implementation support morphing transitions and color tints?

Yes, this Liquid Glass implementation supports container-based morphing transitions for grouped elements and interactive customization via glassEffect and interactive modifiers, allowing you to apply various color tints to the glass surfaces.

What is the best way to group SwiftUI views for Liquid Glass morphing?

The best way to group SwiftUI views for Liquid Glass morphing is to wrap them in a GlassEffectContainer, which manages the cohesive glass surfaces and enables dynamic morphing transitions between the grouped elements automatically.

Do I need iOS 26 to use Liquid Glass UI components in my app?

Yes, you need to target iOS 26 or later because the Liquid Glass UI components, including the glassEffect modifier and UIGlassEffect, rely on the latest system frameworks to render blur, reflection, and morphing across SwiftUI and UIKit.