skills.rest
jtvaris
jtvarisCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass

Implement Liquid Glass design across Apple UI frameworks with glassEffect APIs.

Updated Mar 15, 2026
Search Tags:#swiftui#appkit#uikit#liquid-glass#widgetkit#morphing#glassEffect
One-click install
npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill liquid-glass-jtvaris
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass
Source: https://github.com/jtvaris/sunday-night-dynasty/tree/main/.agents/skills/design/liquid-glass
Command: npx skills add https://github.com/jtvaris/sunday-night-dynasty --skill liquid-glass-jtvaris

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a unified approach to applying Liquid Glass design across Apple UI frameworks, enabling glassy, translucent surfaces and cohesive aesthetics across SwiftUI, AppKit, UIKit, and WidgetKit.

Core Features & Use Cases

  • SwiftUI Glass: glassEffect modifier for views and containers to create glass surfaces.
  • AppKit/UIKit: NSGlassEffectView, UIGlassEffect, and UIGlassContainerEffect equivalents for macOS and iOS.
  • WidgetKit: accented rendering modes and widget-specific glass elements for consistent visuals.
  • Morphing transitions and GlassEffectContainer usage for performance and coordinated visuals.

Quick Start

Apply the glassEffect modifier to a SwiftUI view to enable Liquid Glass visuals.

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 effects to a SwiftUI view?▼

You can apply Liquid Glass to a SwiftUI view using the .glassEffect() modifier. This creates glassy, translucent surfaces and can be grouped within a GlassEffectContainer for coordinated, morphing glass visuals across your app.

Does the Liquid Glass design work with UIKit and AppKit on iOS and macOS?▼

Yes, Liquid Glass works with UIKit and AppKit via UIGlassEffect, UIGlassContainerEffect, and NSGlassEffectView. This provides cohesive, glassy translucent surfaces across iOS and macOS without relying solely on SwiftUI.

What is GlassEffectContainer used for in SwiftUI?▼

GlassEffectContainer is used to group glass surfaces in SwiftUI for coordinated visuals and morphing transitions. It manages performance and interactive glass experiences across multiple views displaying Liquid Glass effects.

Can I use Liquid Glass UI elements in WidgetKit?▼

Yes, you can use Liquid Glass in WidgetKit. It supports accented rendering modes and widgetAccentable, ensuring consistent glassy visuals and translucent surfaces across widgets on iOS, macOS, and visionOS.

What is the best way to implement interactive morphing glass experiences in visionOS?▼

The best way to implement morphing glass experiences in visionOS is using SwiftUI's .glassEffect() modifier alongside GlassEffectContainer. This coordinates translucent surfaces and interactive transitions across Apple platforms.

Related Skills

Explore More Design & Creative Skills→
ano4lano4l

liquid-glass

Apply Liquid Glass glass effects across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Advanced
venomez-vipervenomez-viper
1

liquid-glass

Implement Liquid Glass design with glassEffect across Apple UI frameworks.

Community
Advanced
gajjalaashok75-UIgajjalaashok75-UI
2

liquid-glass-design

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

Community
Advanced
sehoon787sehoon787
16

liquid-glass-design

Enable iOS 26 Liquid Glass UI with blur, tint and morphing effects across SwiftUI, UIKit, WidgetKit.

Community
Advanced