← ClaudeAtlas

swiftui-liquid-glasslisted

Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar, glass tab bar, morphing transitions, translucent material, vibrancy, tinting, interactive glass, ToolbarSpacer, scrollEdgeEffectStyle, backgroundExtensionEffect, and availability gating. Use when asked about Liquid Glass, glass buttons, glassEffect, GlassEffectContainer, GlassEffectTransition, glassEffectID, glassEffectUnion, scroll edge effects, or adopting iOS 26 design.
dpearson2699/swift-ios-skills · ★ 640 · Web & Frontend · score 81
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