liquid-glass-design

Implement iOS 26 Liquid Glass patterns for SwiftUI, UIKit, and WidgetKit.

Updated Mar 19, 2026

Search Tags:#swiftui #design-patterns #uikit #liquid-glass #widgetkit #glass-effect #ios26

Ready to run

npx skills add https://github.com/RUSHYOP/imperium-cli --skill liquid-glass-design-rushyop

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/RUSHYOP/imperium-cli/tree/main/content/skills/liquid-glass-design
Command: npx skills add https://github.com/RUSHYOP/imperium-cli --skill liquid-glass-design-rushyop

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Patterns for implementing Apple's Liquid Glass — a dynamic material that blurs content behind it, reflects color and light from surrounding content, and reacts to touch and pointer interactions. Covers SwiftUI, UIKit, and WidgetKit integration.

Core Features & Use Cases

Basic Glass Effect for SwiftUI views
GlassEffectContainer for multiple elements with morphing
UIKit integration using UIVisualEffectView and liquid glass patterns
WidgetKit compatibility for tinted glass appearance

Quick Start

Apply a default glassEffect to a SwiftUI view and customize shape or tint as needed.

Frequently Asked Questions about liquid-glass-design

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

FAQPage Schema

How do I apply a liquid glass effect to SwiftUI views in iOS 26?▼

Yes, you can implement liquid glass in UIKit using UIVisualEffectView combined with iOS 26 liquid glass patterns. This allows you to build glass-UI components like buttons and cards with dynamic blurring and light reflection.

Does WidgetKit support liquid glass tinting for iOS widgets?▼

Yes, WidgetKit supports liquid glass compatibility for achieving a tinted glass appearance. This allows your widgets to integrate the dynamic material that reflects color and light from surrounding content.

What is a GlassEffectContainer used for in SwiftUI?▼

A GlassEffectContainer groups multiple liquid glass elements in SwiftUI to enable morphing transitions. It manages the dynamic material interactions between adjacent glass surfaces for smoother visual effects.

Can I use liquid glass patterns for UIKit toolbar and card components?▼

Yes, liquid glass patterns apply to building UIKit components including toolbars, buttons, and cards. The implementation uses UIVisualEffectView to handle the dynamic blurring and color reflection properties.

What is the best way to handle shapes and tinting with liquid glass materials?▼

The best way to handle shapes and tinting with liquid glass materials is to apply the default glassEffect modifier in SwiftUI and customize the shape parameters. This approach provides guidance on interactivity and container usage.