skills.rest
RUSHYOP
RUSHYOPCOMMUNITY
Explore all skills by this author →
Website𝕏@rushyyyyyyyyyyyGitHub

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
One-click install
npx skills add https://github.com/RUSHYOP/imperium-cli --skill liquid-glass-design-rushyop
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

liquid-glass-design

Integrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
kk20300113-pngkk20300113-png

liquid-glass-design

Implements iOS 26 Liquid Glass design for SwiftUI, UIKit, WidgetKit apps.

Community
Intermediate
MomoDavilukeMomoDaviluke
2

liquid-glass-design

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

Community
Advanced
OMIXECOMIXEC
1

liquid-glass-design

Implement Liquid Glass blur, tint, reflection, and morphing effects for iOS interfaces.

Community
Intermediate