liquid-glass-design

Implement iOS Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Updated Jul 27, 2026

Search Tags:#design system #swiftui #uikit #widgetkit #liquid glass #ios design

Ready to run

npx skills add https://github.com/kouiso/designdiff --skill liquid-glass-design-kouiso

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/kouiso/designdiff/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/kouiso/designdiff --skill liquid-glass-design-kouiso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide and implementation patterns for Apple's new Liquid Glass design system, enabling developers to create dynamic, visually rich interfaces with blur, reflection, and interactive elements.

Core Features & Use Cases

Dynamic Material Effects: Apply blur, reflection, and interactive morphing to UI elements.
Cross-Platform Support: Covers SwiftUI, UIKit, and WidgetKit integration.
Use Case: Enhance your app's aesthetic by implementing modern glass-like buttons, containers, and dynamic transitions that respond to user interaction.

Quick Start

Apply a default liquid glass effect to any SwiftUI view by appending the .glassEffect() modifier.

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 iOS Liquid Glass effects in SwiftUI?▼

Apply the iOS Liquid Glass effect in SwiftUI by appending the `.glassEffect()` modifier to any view, enabling dynamic glass material with blur and reflection for your UI elements.

Can I use Liquid Glass design with UIKit and WidgetKit?▼

Yes, you can implement the Liquid Glass design system across UIKit and WidgetKit, applying dynamic glass materials with interactive morphing to buttons, containers, and toolbars.

What is the Liquid Glass design system on iOS?▼

The Liquid Glass design system is Apple's new visual framework enabling dynamic, glass-like interfaces featuring blur, reflection, and interactive morphing that respond to user interaction.

How do I customize Liquid Glass shape and tint for buttons?▼

Customize Liquid Glass shape and tint by configuring the interactive properties of the glass material, allowing tailored visual styling for various components like buttons and containers.

Does Liquid Glass support interactive morphing for UI containers?▼

Yes, Liquid Glass supports interactive morphing for UI containers, allowing dynamic visual transitions and glass material responses that adapt to user interactions across your interface.