skills.rest
adamreger
adamregerCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

2|Updated Feb 25, 2026
Search Tags:#ui design#swiftui#uikit#widgetkit#liquid glass#glass effect#ios 26
One-click install
npx skills add https://github.com/adamreger/ecc-antigravity --skill liquid-glass-design-adamreger
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/adamreger/ecc-antigravity/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/adamreger/ecc-antigravity --skill liquid-glass-design-adamreger

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Adopting Apple's iOS 26 Liquid Glass design language requires learning new APIs for glass materials, morphing transitions, and widget rendering modes, and this Skill provides the exact patterns needed to implement them correctly. ## Core Features & Use Cases - SwiftUI Glass Effects: Apply .glassEffect() with tint, shape, and interactive modifiers, plus GlassEffectContainer for merging and morphing multiple glass elements. - UIKit Integration: Use UIGlassEffect and UIGlassContainerEffect with UIVisualEffectView, scroll edge effects, and toolbar glass customization. - WidgetKit Support: Handle accented rendering modes, accent groups, and container backgrounds so widgets match tinted Home Screen appearances. - Use Case: When migrating an app's card-based UI to iOS 26, use this Skill to wrap cards in a GlassEffectContainer, add morphing transitions with @Namespace and glassEffectID, and avoid performance pitfalls from ungrouped glass views. ## Quick Start Use the liquid-glass-design skill to add a glass effect with a morphing transition to my SwiftUI toolbar buttons.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema
How do I add a Liquid Glass effect to a SwiftUI view?▼

Apply the `.glassEffect()` modifier after your layout modifiers like padding and frame. Customize it with `.regular.tint(.orange).interactive()` and pass a shape such as `.rect(cornerRadius: 16)` or the default capsule.

How do I create morphing transitions between glass elements in SwiftUI?▼

Wrap the views in a `GlassEffectContainer`, assign each a `glassEffectID` with a shared `@Namespace`, and toggle visibility inside `withAnimation`. The container blends the glass shapes smoothly as elements appear or disappear.

Does Liquid Glass work in UIKit apps?▼

Yes, UIKit supports Liquid Glass through `UIGlassEffect` applied to a `UIVisualEffectView`, with tint color and interactivity options. Use `UIGlassContainerEffect` to group multiple glass views, matching the SwiftUI container pattern.

How do widgets support the iOS 26 tinted Home Screen mode?▼

Detect the mode with the `widgetRenderingMode` environment value and mark views with `.widgetAccentable()` to join the accent group. Images can use `.widgetAccentedRenderingMode(.monochrome)` so they render correctly in accented mode.

Why should multiple glass views be wrapped in a GlassEffectContainer?▼

The container improves rendering performance and enables glass shapes to merge and morph based on the spacing parameter. Using many standalone `.glassEffect()` views without a container degrades performance and prevents morphing transitions.

When should I avoid using Liquid Glass effects?▼

Avoid applying glass to every view or nesting many glass effects, since this hurts performance and visual clarity. Reserve it for interactive elements, toolbars, and cards, and never place opaque backgrounds behind glass.

Related Skills

Explore More Software Engineering Skills→
Oruga420Oruga420

liquid-glass-design

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

Community
Intermediate
OMIXECOMIXEC
1

liquid-glass-design

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

Community
Intermediate
coco-researchcoco-research
264

axiom-liquid-glass

Design and review Apple Liquid Glass interfaces for SwiftUI apps across Apple platforms.

Community
Advanced
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

Implement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.

Community
Advanced