What is Liquid Glass in iOS 26?

Liquid Glass is a dynamic material design language introduced in iOS 26 that features translucent blurring, light reflection, and interactive morphing shapes between elements.

How does Liquid Glass handle widget tinting?

The skill provides patterns for detecting widgetRenderingMode and using widgetAccentable to ensure your glass elements adapt beautifully to the system's accented or tinted modes.

Does this skill support UIKit legacy projects?

Yes, it includes specific patterns for UIGlassEffect and UIGlassContainerEffect, allowing you to implement Liquid Glass within UIKit-based applications.

Why should I use GlassEffectContainer instead of standalone effects?

The GlassEffectContainer optimizes rendering performance and is necessary for the system to calculate merge distances and enable the morphing blend effect between multiple sibling views.

Liquid Glass Design System

Name: Liquid Glass Design System
Author: saar120

bysaar120

0•

设计工具

Implements the iOS 26 Liquid Glass design language using standardized SwiftUI, UIKit, and WidgetKit patterns.

This skill provides a comprehensive implementation guide for the iOS 26 Liquid Glass design system, enabling developers to create dynamic glass materials with blur, reflection, and interactive morphing capabilities. It offers standardized patterns for SwiftUI modifiers, UIKit visual effect views, and WidgetKit rendering modes, ensuring visual consistency across the entire Apple ecosystem. By leveraging specialized containers and transition IDs, the skill helps developers optimize rendering performance while achieving high-fidelity, interactive UI components that respond to touch and pointer interactions.

主要功能

01Interactive morphing transitions between glass UI elements

02Full UIKit and SwiftUI integration with standardized modifiers

03Optimized GlassEffectContainer for performance and shape blending

040 GitHub stars

05Dynamic glass material effects with blur and light reflection

06WidgetKit rendering patterns for accented and tinted modes

使用场景

01Creating interactive, morphing widgets that respond to system-wide themes

02Developing high-fidelity iOS 26 mobile applications with modern glass UI components

03Migrating legacy blur and material effects to the new Liquid Glass API

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry liquid-glass-design

For use in Claude.ai and ChatGPT

主要功能

01Interactive morphing transitions between glass UI elements

02Full UIKit and SwiftUI integration with standardized modifiers

03Optimized GlassEffectContainer for performance and shape blending

040 GitHub stars

05Dynamic glass material effects with blur and light reflection

06WidgetKit rendering patterns for accented and tinted modes

使用场景

01Creating interactive, morphing widgets that respond to system-wide themes

02Developing high-fidelity iOS 26 mobile applications with modern glass UI components

03Migrating legacy blur and material effects to the new Liquid Glass API

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add saar120/skillgate-registry liquid-glass-design

For use in Claude.ai and ChatGPT