ios-liquid-glass

Document Liquid Glass UI patterns for iOS 26+ SwiftUI and UIKit apps.

Updated Apr 27, 2026

Search Tags:#ios #swiftui #design-patterns #liquid-glass #morphing #glass-effect

Ready to run

npx skills add https://github.com/annurdien/skills --skill ios-liquid-glass

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ios-liquid-glass
Source: https://github.com/annurdien/skills/tree/main/ios-liquid-glass
Command: npx skills add https://github.com/annurdien/skills --skill ios-liquid-glass

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a centralized guide for implementing Liquid Glass UI patterns in iOS apps, including how to apply glass effects, compose with containers, and enable morphing transitions for dynamic interfaces.

Core Features & Use Cases

Glass effects: Apply Liquid Glass to standard and custom views using the glassEffect modifier to achieve depth and focus.
Morphing containers: Use GlassEffectContainer to morph multiple shapes into one another for performant, cohesive transitions.
Guided workflows: Learn how to identify and assign glassEffect IDs for coordinated animations, and leverage transitions like matchedGeometry and materialize.

Quick Start

Prototype a SwiftUI view using glassEffect on a sample view to observe morphing behavior.

Frequently Asked Questions about ios-liquid-glass

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

FAQPage Schema

How do I apply liquid glass effects to custom SwiftUI views?▼

Use the glassEffect modifier on standard or custom views to apply Liquid Glass. This guide covers regular, clear, and identity variants for iOS 26+, allowing you to achieve depth and focus across Apple platforms.

How does GlassEffectContainer enable morphing transitions in iOS?▼

GlassEffectContainer morphs multiple shapes into one another for performant, cohesive transitions. By grouping views, it coordinates animations across Apple platforms, enabling dynamic interfaces that morph seamlessly without individual view overhead.

Can I use liquid glass UI patterns with UIKit components?▼

Yes, liquid glass UI patterns target related UIKit components alongside SwiftUI. The guide documents how to implement glassEffect and morphing transitions across both frameworks for iOS 26+ applications.

What is glassEffectID used for in SwiftUI morphing animations?▼

glassEffectID assigns identifiers for coordinated animations within a GlassEffectContainer. It guides the workflow to identify and assign IDs, leveraging transitions like matchedGeometry and materialize for cohesive morphing behavior.

Are there performance limitations when using liquid glass effects in iOS apps?▼

Performance considerations for liquid glass effects include managing container-based morphing to avoid overhead. This guide documents performance implications alongside accessibility concerns, ensuring cohesive transitions do not degrade app responsiveness.