What is the Liquid Glass design system?

Liquid Glass is a design language introduced for iOS 26 that utilizes dynamic materials to blur background content, reflect surrounding light, and morph shapes during interaction.

How does Liquid Glass handle widget tinting?

The skill provides patterns for WidgetKit's renderingMode, ensuring that glass backgrounds correctly adapt to user-selected accent colors on the Home Screen.

Does this skill work with UIKit?

Yes, it includes specific patterns for UIGlassEffect and UIGlassContainerEffect to implement the glass aesthetic within UIKit-based applications.

Can I customize the color of the glass?

Yes, you can use the .tint() modifier in SwiftUI or tintColor in UIKit to add color highlights while maintaining the translucent glass effect.

Why is GlassEffectContainer important?

It is used to group multiple glass views, optimizing rendering performance and allowing nearby elements to merge or 'morph' their shapes fluidly.

Liquid Glass Design System (iOS 26)

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

byInfopibe

•

设计工具

Implements the iOS 26 Liquid Glass design language with dynamic blur, light reflection, and interactive morphing for Apple platforms.

This skill provides specialized implementation patterns and best practices for the iOS 26 Liquid Glass design system. It enables developers to integrate advanced visual effects, including dynamic glass materials that blur background content and reflect light, into SwiftUI, UIKit, and WidgetKit apps. By leveraging optimized containers and morphing transitions, the skill ensures high-performance rendering of complex glass UI elements while maintaining accessibility standards and support for system-wide tinting modes.

主要功能

011 GitHub stars

02WidgetKit optimization for accented rendering and container backgrounds

03Interactive touch and pointer response patterns for glass components

04Seamless morphing transitions between UI elements using glassEffectID

05SwiftUI glassEffect and GlassEffectContainer implementation

06UIKit compatibility via UIGlassEffect and UIGlassContainerEffect

使用场景

01Adapting home screen widgets to system-wide accented tinting modes

02Developing modern iOS 26+ applications with glass-morphism aesthetics

03Implementing fluid, morphing transitions between interactive UI cards and buttons

主要功能

011 GitHub stars

02WidgetKit optimization for accented rendering and container backgrounds

03Interactive touch and pointer response patterns for glass components

04Seamless morphing transitions between UI elements using glassEffectID

05SwiftUI glassEffect and GlassEffectContainer implementation

06UIKit compatibility via UIGlassEffect and UIGlassContainerEffect

使用场景

01Adapting home screen widgets to system-wide accented tinting modes

02Developing modern iOS 26+ applications with glass-morphism aesthetics

03Implementing fluid, morphing transitions between interactive UI cards and buttons