liquid-glass-design

Implement iOS 26 Liquid Glass effects in SwiftUI, UIKit, and WidgetKit.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/moughamir/justwaitit-review --skill liquid-glass-design-moughamir
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/moughamir/justwaitit-review/tree/main/.agents/skills/liquid-glass-design
Command: npx skills add https://github.com/moughamir/justwaitit-review --skill liquid-glass-design-moughamir

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement Apple's iOS 26 Liquid Glass design language so your SwiftUI, UIKit, and WidgetKit interfaces look correct, feel interactive, and blend seamlessly between related elements.

Core Features & Use Cases

  • SwiftUI Liquid Glass components: Apply glass effects with configurable shapes, tinting, and explicit interactivity, then wrap multiple elements in a container for proper merging and morphing.
  • UIKit Liquid Glass integration: Use UIGlassEffect and UIVisualEffectView (including container effects) to achieve consistent glass styling across UIKit screens.
  • WidgetKit Liquid Glass support: Detect widget rendering mode for accented/tinted appearances and manage accent groups and container background so widgets remain visually coherent.

Quick Start

Implement Liquid Glass by adding .glassEffect() to your SwiftUI views, wrapping multiple sibling glass elements in GlassEffectContainer, and using IDs/namespaces to enable morphing transitions.

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 iOS 26 Liquid Glass effects in SwiftUI?

To implement Liquid Glass in SwiftUI, apply the .glassEffect() modifier to your views and wrap multiple sibling glass elements in a GlassEffectContainer. You must use IDs and namespaces to enable smooth interactive morphing transitions between related UI states.

Can I use Liquid Glass material in UIKit screens?

Yes, you can apply Liquid Glass in UIKit by using UIGlassEffect with UIVisualEffectView. This approach also supports container effects, ensuring consistent glass styling and reflection behavior across your UIKit views.

How do WidgetKit widgets render with Liquid Glass tinting?

WidgetKit Liquid Glass rendering requires detecting the widget rendering mode to manage accented or tinted appearances. You must configure accent groups and container backgrounds so widgets remain visually coherent within the iOS 26 environment.

Why are my SwiftUI glass elements not morphing together?

Liquid Glass elements fail to morph when they are not wrapped in a GlassEffectContainer. Grouping multiple sibling glass elements inside this container with proper IDs and namespaces is required to merge and animate them smoothly.

What is the best way to migrate existing iOS UI cards to Liquid Glass?

Migrating existing UI to Liquid Glass involves applying the appropriate glass modifiers for SwiftUI or UIGlassEffect for UIKit. You must ensure elements like cards, buttons, and toolbars are wrapped in containers for correct blur, reflection, and morphing behavior.

Does Liquid Glass interactive morphing work across SwiftUI and UIKit?

Liquid Glass interactive morphing is implemented per framework. SwiftUI uses glass modifiers with container wrapping, while UIKit relies on UIGlassEffect and UIVisualEffectView, meaning cross-framework morphing requires separate native implementations.