liquid-glass

Implement Liquid Glass UI effects across Apple platforms with SwiftUI, AppKit, UIKit, and WidgetKit.

Updated Mar 1, 2026

Search Tags:#ui-design #swiftui #appkit #uikit #liquid-glass #widgetkit #glass-effect

Ready to run

npx skills add https://github.com/mazicimert/RunDom --skill liquid-glass-mazicimert

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liquid Glass design provides a unified approach to implementing translucent, glass-like UI across Apple platforms, avoiding inconsistent patterns and ad-hoc styling.

Core Features & Use Cases

SwiftUI glassEffect: apply glass surfaces directly to views with easy configuration.
AppKit/UIKit/WidgetKit coverage: supports NSGlassEffectView, UIGlassEffect, UIVisualEffectView, and WidgetKit rendering modes for accented content.
GlassEffectContainer and glassEffectID: enable morphing transitions, grouping, and scalable performance across complex interfaces.
Practical use cases include modern app UIs, widgets with glass surfaces, and cross-platform prototypes.

Quick Start

Create a SwiftUI view and apply .glassEffect() to instantly render a glass surface that adapts across platforms.

Frequently Asked Questions about liquid-glass

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

FAQPage Schema

How do I apply Liquid Glass UI effects consistently across SwiftUI, AppKit, and UIKit?▼

To apply Liquid Glass UI consistently across SwiftUI, AppKit, and UIKit, use unified glass effect implementations like SwiftUI's glassEffect, AppKit's NSGlassEffectView, and UIKit's UIGlassEffect to avoid ad-hoc styling.

Can I use glass effect surfaces in WidgetKit for iOS and macOS apps?▼

Yes, you can use glass effect surfaces in WidgetKit for iOS and macOS apps, utilizing WidgetKit rendering modes specifically designed to support accented content within glass-like UI components.

What is the best way to group and morph glass surfaces in complex Apple platform interfaces?▼

The best way to group and morph glass surfaces in complex interfaces is using GlassEffectContainer and glassEffectID, which enable morphing transitions, grouping, and scalable performance across SwiftUI views.

Does Liquid Glass design support cross-platform prototypes on visionOS?▼

Yes, Liquid Glass design supports cross-platform prototypes on visionOS, extending its translucent glass-like UI rendering capabilities across iOS, macOS, and visionOS environments for unified application design.

How do I render a glass surface directly on a SwiftUI view?▼

To render a glass surface directly on a SwiftUI view, apply the .glassEffect() modifier, which instantly renders a translucent glass surface that adapts across Apple platforms with easy configuration.