skills.rest
FelixRauch
FelixRauchCOMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

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

Updated May 10, 2026
Search Tags:#accessibility#swiftui#liquid glass#ui effects#ios 26#morphing transitions#glass container
One-click install
npx skills add https://github.com/FelixRauch/medat-figuren --skill swiftui-liquid-glass-felixrauch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/FelixRauch/medat-figuren/tree/main/.agents/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/FelixRauch/medat-figuren --skill swiftui-liquid-glass-felixrauch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you implement and maintain SwiftUI Liquid Glass effects without visual glitches, incorrect layout, or missing iOS 26 fallbacks.

Core Features & Use Cases

  • Apply Liquid Glass correctly: Use .glassEffect() with the right shape and modifier order so the effect matches the final view frame.
  • Compose glass efficiently: Group multiple glass surfaces with GlassEffectContainer to improve rendering consistency and transitions.
  • Enable morphing transitions: Animate glass shapes during view insertion/removal using glassEffectID(_:in:), glassEffectUnion(id:namespace:), and appropriate transitions.
  • Build touch-friendly glass controls: Style primary and standard actions with .buttonStyle(.glass) / .buttonStyle(.glassProminent) and add .interactive() only where it makes sense.
  • Use iOS 26 edge & background helpers: Combine scroll edge effects and split-view background extension with Liquid Glass-based UI elements.
  • Ship with safe availability gating: Provide fallbacks for iOS versions earlier than 26.

Quick Start

Implement Liquid Glass for a custom card by gating with if #available(iOS 26, *), applying your layout modifiers first, then calling .glassEffect() with a tuned shape and using GlassEffectContainer for multiple glass elements.

Frequently Asked Questions about swiftui-liquid-glass

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

FAQPage Schema
How do I apply SwiftUI Liquid Glass effects correctly in iOS 26?▼

To apply SwiftUI Liquid Glass effects correctly, use the `.glassEffect()` modifier with the right shape and ensure your layout modifiers are applied first so the effect matches the final view frame.

What is the best way to group multiple Liquid Glass surfaces in SwiftUI?▼

The best way to group multiple Liquid Glass surfaces is using `GlassEffectContainer`, which batches glass elements to improve rendering consistency and transitions across complex iOS 26 UI layouts.

How do I animate morphing transitions for glass shapes during view insertion and removal?▼

You animate morphing transitions by using `glassEffectID(_:in:)`, `glassEffectUnion(id:namespace:)`, and appropriate SwiftUI transitions to smoothly morph glass shapes during view insertion and removal.

Can I use Liquid Glass effects in apps that need to support iOS versions earlier than 26?▼

Yes, you can use Liquid Glass with safe availability gating by checking `if #available(iOS 26, *)` and providing appropriate fallbacks for earlier iOS versions to prevent visual glitches.

Why do my SwiftUI glass toolbars and tab bars have incorrect layout or visual glitches?▼

Incorrect layout or visual glitches in SwiftUI glass UI usually occur when `.glassEffect()` is applied before layout modifiers, or when multiple glass surfaces are not grouped using `GlassEffectContainer`.

Related Skills

Explore More Software Engineering Skills→
PallepadehatPallepadehat
1

swiftui-liquid-glass

Implement or review SwiftUI views with iOS 26 Liquid Glass APIs and fallbacks.

Community
Advanced
onymchatonymchat

swiftui-liquid-glass

Implement Liquid Glass effects in SwiftUI for iOS 26+.

Official
Advanced
ROLLED740ROLLED740
1

liquid-glass-design

Implement Liquid Glass UI effects across SwiftUI, UIKit, and WidgetKit.

Community
Advanced
maroffomaroffo
16

swiftui-liquid-glass

Implement iOS 26+ Liquid Glass glassmorphism effects with the .glassEffect() modifier.

Community
Intermediate