swiftui-liquid-glass

Implement SwiftUI Liquid Glass effects with glassEffect and GlassEffectContainer for iOS 26+ apps.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/DFly7/iOS-FastAPI-Supabase-AI --skill swiftui-liquid-glass-dfly7
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/DFly7/iOS-FastAPI-Supabase-AI/tree/main/.agents/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/DFly7/iOS-FastAPI-Supabase-AI --skill swiftui-liquid-glass-dfly7

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SwiftUI developers need a consistent, accessible way to implement dynamic translucent glass surfaces (Liquid Glass) across views and components (buttons, toolbars, tabs, sheets) on iOS 26+. This framework reduces boilerplate, ensures consistent behavior, and provides guidance for morphing transitions and edge effects.

Core Features & Use Cases

  • glassEffect modifier to apply Liquid Glass behind a view
  • GlassEffectContainer to blend and morph multiple glass surfaces
  • glassEffectID, glassEffectUnion, and glassEffectTransition to enable smooth morphing
  • scrollEdgeEffectStyle and backgroundExtensionEffect for polished scrollable and split-view UIs
  • Availability gating and accessibility considerations for iOS 26+

Quick Start

Apply .glassEffect() after layout modifiers to add a Liquid Glass background to a view.

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 Liquid Glass effects to SwiftUI views in iOS 26?

To apply Liquid Glass effects in SwiftUI, use the .glassEffect() modifier after your layout modifiers to add a dynamic translucent glass background to any view such as buttons or toolbars.

What is a GlassEffectContainer in SwiftUI used for?

A GlassEffectContainer in SwiftUI is used to blend and morph multiple adjacent glass surfaces together, ensuring consistent rendering and smooth morphing transitions across grouped components.

Can I use glassEffectTransition for morphing transitions between views?

Yes, you can use glassEffectTransition alongside glassEffectID and glassEffectUnion to enable smooth morphing transitions when moving or combining glass-backed views within a GlassEffectContainer.

Does the SwiftUI Liquid Glass design require iOS 26+ availability gating?

Yes, Liquid Glass effects require iOS 26+ availability gating. You must check the operating system version before applying glassEffect modifiers to ensure app stability on older platforms.

What are the performance and accessibility considerations for SwiftUI glass containers?

When using SwiftUI glass containers, developers must account for performance overhead from rendering multiple translucent layers and ensure accessibility by providing sufficient contrast over glass-backed views.

How do I add edge effects to scrollable views using Liquid Glass?

To add polished edge effects to scrollable views in SwiftUI, use scrollEdgeEffectStyle combined with backgroundExtensionEffect, which extends the glass appearance seamlessly into split-view and scrollable UIs.