skills.rest
dpearson2699
dpearson2699COMMUNITY
Explore all skills by this author →
GitHub

swiftui-liquid-glass

Implements and reviews SwiftUI Liquid Glass effects for iOS 26+.

981|50|Updated Mar 3, 2026
Search Tags:#ios#animation#ui design#swiftui#visual effects#liquid glass
One-click install
npx skills add https://github.com/dpearson2699/swift-ios-skills --skill swiftui-liquid-glass-dpearson2699
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-liquid-glass
Source: https://github.com/dpearson2699/swift-ios-skills/tree/main/skills/swiftui-liquid-glass
Command: npx skills add https://github.com/dpearson2699/swift-ios-skills --skill swiftui-liquid-glass-dpearson2699

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables developers to implement and refine the cutting-edge Liquid Glass visual effects introduced in iOS 26, enhancing user interfaces with dynamic translucency and interactivity.

Core Features & Use Cases

  • Implement Liquid Glass: Apply .glassEffect() to custom views with customizable shapes and materials.
  • Enhance Interactivity: Use .interactive() to make glass elements responsive to touch and pointer input.
  • Morphing Transitions: Create seamless animations between glass elements using glassEffectID and GlassEffectContainer.
  • Use Case: Design a set of floating action buttons for a creative app, where each button has a subtle glass effect, and they animate smoothly into place when a primary action button is tapped.

Quick Start

Apply a standard liquid glass effect with a corner radius of 16 to the attached 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 in SwiftUI?▼

Use the `.glassEffect()` modifier on custom views alongside `GlassEffectContainer` to create dynamic translucent materials and morphing transitions for iOS 26+ interfaces.

What is GlassEffectContainer used for in iOS 26?▼

`GlassEffectContainer` is used in iOS 26 to group glass elements, enabling seamless morphing transitions between them via `glassEffectID` when animating items like floating action buttons.

How do I make SwiftUI glass buttons respond to touch input?▼

You can make SwiftUI glass buttons interactive by applying the `.interactive()` modifier, which makes the liquid glass elements responsive to touch and pointer input.

Does the SwiftUI Liquid Glass effect work on older iOS versions?▼

The Liquid Glass effect requires iOS 26+ because it relies on new APIs like `.glassEffect()` and `GlassEffectContainer`, so you must implement availability gating for older versions.

How do I animate transitions between multiple glass elements in SwiftUI?▼

You can animate transitions between multiple glass elements by assigning a `glassEffectID` and wrapping them in a `GlassEffectContainer`, creating seamless morphing animations.

Related Skills

Explore More Software Engineering Skills→
maroffomaroffo
16

swiftui-liquid-glass

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

Community
Intermediate
PicoMLXPicoMLX

swiftui-liquid-glass

Implement and review SwiftUI features using the iOS 26+ Liquid Glass API.

Official
Intermediate
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

Community
Advanced
andrew-dandrew-d
3

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass effects for iOS 26 applications.

Community
Intermediate