What is the Liquid Glass design system?

Liquid Glass is a design language introduced for iOS 26 that uses dynamic materials to blur background content, reflect light, and respond to touch with morphing animations.

How does Liquid Glass behave in iOS widgets?

The skill provides patterns for WidgetKit rendering modes, ensuring that glass backgrounds correctly adapt to accented or tinted Home Screen themes.

Why should I use GlassEffectContainer instead of individual glass effects?

GlassEffectContainer is used for performance optimization and to enable the 'merging' or 'morphing' effect between sibling glass elements as they move closer together.

Does this skill support legacy UIKit projects?

Yes, it includes specific patterns for UIGlassEffect and UIGlassContainerEffect, allowing UIKit developers to implement the same Liquid Glass look as SwiftUI.

Liquid Glass Design System (iOS 26)

Name: Liquid Glass Design System (iOS 26)
Author: saar120

bysaar120

0•

Mobile Development

Implements Apple's Liquid Glass design system with dynamic blur, reflection, and morphing effects for iOS 26 applications.

This skill provides a comprehensive implementation guide for the iOS 26 Liquid Glass design language, enabling developers to create dynamic, translucent UI elements that feature blur, reflection, and interactive morphing effects. It covers essential patterns for SwiftUI, UIKit, and WidgetKit—such as glass effects, buttons, and container-based transitions—while ensuring cross-framework compatibility and optimal rendering performance. It is ideal for developers modernizing their apps with the latest Apple design standards and interactive feedback mechanisms.

主な機能

010 GitHub stars

02Dynamic glass material implementation with blur and reflection effects

03Optimized GlassEffectContainer for high-performance rendering and merging

04Standardized glass button styles and interactive toolbar patterns

05Full support for SwiftUI, UIKit, and WidgetKit rendering modes

06Interactive morphing transitions for fluid UI element state changes

ユースケース

01Implementing responsive widget backgrounds with accented rendering support

02Modernizing existing iOS applications to the iOS 26 design language

03Creating glass-style floating action buttons, cards, and containers

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

主な機能

010 GitHub stars

02Dynamic glass material implementation with blur and reflection effects

03Optimized GlassEffectContainer for high-performance rendering and merging

04Standardized glass button styles and interactive toolbar patterns

05Full support for SwiftUI, UIKit, and WidgetKit rendering modes

06Interactive morphing transitions for fluid UI element state changes

ユースケース

01Implementing responsive widget backgrounds with accented rendering support

02Modernizing existing iOS applications to the iOS 26 design language

03Creating glass-style floating action buttons, cards, and containers

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