Swiftui Liquid Glass
Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+.
Install
npx skills add dpearson2699/swift-ios-skills --skill swiftui-liquid-glass -g -a claude-code -y- Repository
- dpearson2699/swift-ios-skills1.3k
- Category
- Design
- Updated
- 3mo ago
- License
- See repository
- Context cost
- Mediumabout 2,593 tokens
- Runs scripts
- No, instructions only
What it does
Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar/tab bar, static status badges vs interactive controls, morphing transitions, tinting, interactive glass, ToolbarSpacer, scrollEdgeEffectStyle, backgroundExtensionEffect, and availability gating. Use when asked about Liquid Glass, glass buttons, glassEffect, GlassEffectTransition, glassEffectID, glassEffectUnion, scroll edge effects, or adopting iOS 26 design.
SwiftUI Liquid Glass
Liquid Glass is the dynamic translucent material introduced across Apple platforms 26. Standard SwiftUI bars and presentations adopt it automatically when built with the current SDK. Reserve custom glass for functional controls and navigation surfaces, not general content backgrounds.
See references/liquid-glass.md for the full API reference with additional examples.
Contents
Workflow
Choose the path that matches the request:
1. Implement a new feature with Liquid Glass
- Identify target surfaces (floating controls, custom bars, transient controls).
- Decide shape, prominence, and whether each element is a real control or static status.
- Wrap grouped glass elements in a
GlassEffectContainer. - Apply
.glassEffect()after layout and appearance modifiers. - Add
.interactive()only to tappable/focusable elements. - Add morphing transitions with
glassEffectID(_:in:)where the view hierarchy changes with animation. PutglassEffectTransition(_:)on the inserted or removed glass child, not on the always-present container, and choose the style using Morphing & Transitions. - Gate with
if #available(iOS 26, *)and provide a fallback for earlier versions.
