liquid-glass-design

Implement Apple's iOS 26 Liquid Glass design system across SwiftUI, UIKit, and WidgetKit.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/unju-ai/ecc --skill liquid-glass-design-unju-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/unju-ai/ecc/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/unju-ai/ecc --skill liquid-glass-design-unju-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide and patterns for implementing Apple's new "Liquid Glass" design language across SwiftUI, UIKit, and WidgetKit, enabling dynamic blur, reflection, and interactive effects.

Core Features & Use Cases

  • Dynamic Glass Material: Implement visually appealing glass effects with blur, tinting, and reflections.
  • Interactive Elements: Create UI components that react to touch and pointer input.
  • Cross-Platform Consistency: Apply Liquid Glass patterns across SwiftUI, UIKit, and WidgetKit for a unified app experience.
  • Use Case: Enhance your app's UI by transforming standard buttons and containers into interactive, frosted glass elements that adapt to their surroundings.

Quick Start

Apply a basic liquid glass effect to a Text view in SwiftUI.

Frequently Asked Questions about liquid-glass-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement the iOS 26 Liquid Glass design system in SwiftUI?

You can implement the Liquid Glass design system in SwiftUI by applying specialized view modifiers to standard UI components, creating dynamic blur, reflection, and interactive morphing effects that adapt to their surroundings.

Can I apply Liquid Glass effects to UIKit views and WidgetKit components?

Yes, you can apply Liquid Glass effects to UIKit views and WidgetKit components. The pattern provides cross-platform consistency, utilizing UIKit visual effects and specific WidgetKit rendering modes to achieve the dynamic frosted glass appearance.

What is interactive morphing in the Liquid Glass design language?

Interactive morphing in the Liquid Glass design language is a dynamic effect where UI components react to touch and pointer input. It allows standard elements to transform and adapt their visual properties interactively.

What prerequisite knowledge do I need to work with Liquid Glass UI patterns?

Working with Liquid Glass UI patterns requires an existing understanding of SwiftUI view modifiers, UIKit visual effects, and WidgetKit rendering modes to successfully integrate dynamic blur and interactive components.

Are there limitations when using Liquid Glass materials in WidgetKit rendering modes?

Liquid Glass materials in WidgetKit are subject to the constraints of WidgetKit rendering modes. You must account for how these specific rendering environments handle dynamic blur and visual effects to ensure consistent UI behavior.