skills.rest
AarnavBaddam
AarnavBaddamCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass UI for iOS 26+ applications.

Updated Jul 31, 2026
Search Tags:#code review#swiftui#liquid glass#apple design#ui implementation#glass effect#ios 26
One-click install
npx skills add https://github.com/AarnavBaddam/skills --skill swiftui-liquid-glass-aarnavbaddam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/AarnavBaddam/skills/tree/main/swiftui-liquid-glass
Command: npx skills add https://github.com/AarnavBaddam/skills --skill swiftui-liquid-glass-aarnavbaddam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Adopting Apple's iOS 26+ Liquid Glass design system correctly requires knowing which native APIs to use, how to order modifiers, when to group glass elements, and how to handle availability fallbacks. This Skill guides implementation and review of Liquid Glass UI so SwiftUI features follow Apple's design guidance and perform well. ## Core Features & Use Cases - Implementation Guidance: Apply glassEffect, GlassEffectContainer, glass button styles, and morphing transitions with correct modifier order and shapes. - Code Review Checklist: Verify availability gating with #available(iOS 26, *), container composition, interactivity flags, and transition identifiers. - Use Case: When adding a glass toolbar with multiple icon buttons, wrap them in a GlassEffectContainer, apply .glassEffect(.regular.interactive()) after layout modifiers, and provide an .ultraThinMaterial fallback for earlier iOS versions. ## Quick Start Use the swiftui-liquid-glass skill to implement a SwiftUI card with an interactive Liquid Glass effect and an iOS 25 fallback.

Frequently Asked Questions about swiftui-liquid-glass

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

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

Apply the .glassEffect() modifier after your layout and appearance modifiers. By default it uses the regular glass variant in a capsule shape; pass a shape like .rect(cornerRadius: 16) to customize it.

How do I combine multiple Liquid Glass effects in SwiftUI?▼

Wrap the views in a GlassEffectContainer with a spacing value to control when effects merge. Use glassEffectUnion with a namespace to unite specific views into a single glass effect.

Does Liquid Glass work on iOS versions before 26?▼

No, Liquid Glass APIs require iOS 26 or later. Gate usage with #available(iOS 26, *) and provide a fallback such as .ultraThinMaterial backgrounds for earlier versions.

How do I create morphing transitions with Liquid Glass?▼

Assign each glass view a glassEffectID within an @Namespace, place them in a GlassEffectContainer, and animate view hierarchy changes with withAnimation. The glass morphs as views appear or disappear.

When should I use .interactive() on a glass effect?▼

Add .interactive() only to glass elements that respond to touch or pointer input, such as buttons or tappable cards. Applying it to static decorative surfaces adds unnecessary interaction behavior.

Related Skills

Explore More Software Engineering Skills→
Fabio29TFabio29T

liquid-glass-design

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

Community
Intermediate
co-labs-coco-labs-co

ios26-liquid-glass-design

Implement adaptive Liquid Glass UI components in SwiftUI with iOS 26 fallbacks.

Official
Advanced
OMIXECOMIXEC
1

liquid-glass-design

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

Community
Intermediate
luongldptitluongldptit

liquid-glass-design

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

Community
Intermediate