swiftui-liquid-glasslisted
Install: claude install-skill dpearson2699/swift-ios-skills
# SwiftUI Liquid Glass
Liquid Glass is the dynamic translucent material introduced in iOS 26 (and iPadOS 26,
macOS 26, tvOS 26, watchOS 26). It blurs content behind it, reflects surrounding color
and light, and reacts to touch and pointer interactions. Standard SwiftUI components
(tab bars, toolbars, navigation bars, sheets) adopt Liquid Glass automatically when
built with the iOS 26 SDK. Use the APIs below for custom views and controls.
See [references/liquid-glass.md](references/liquid-glass.md) for the full API reference with additional examples.
## Contents
- [Workflow](#workflow)
- [Core API Summary](#core-api-summary)
- [Code Examples](#code-examples)
- [Common Mistakes](#common-mistakes)
- [Review Checklist](#review-checklist)
- [References](#references)
## Workflow
Choose the path that matches the request:
### 1. Implement a new feature with Liquid Glass
1. Identify target surfaces (cards, chips, floating controls, custom bars).
2. Decide shape, prominence, and whether each element needs interactivity.
3. Wrap grouped glass elements in a `GlassEffectContainer`.
4. Apply `.glassEffect()` **after** layout and appearance modifiers.
5. Add `.interactive()` only to tappable/focusable elements.
6. Add morphing transitions with `glassEffectID(_:in:)` where the view hierarchy
changes with animation.
7. Gate with `if #available(iOS 26, *)` and provide a fallback for earlier versions.
### 2. Improve an existing feature with Liquid Glass
1. Find custom blur/material