skills.rest
Jamkris
JamkrisCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

liquid-glass-design

Implement Liquid Glass effects in SwiftUI, UIKit, and WidgetKit for iOS 26 apps.

86|21|Updated Feb 9, 2026
Search Tags:#swiftui#uikit#liquid-glass#widgetkit#glass#morphing
One-click install
npx skills add https://github.com/Jamkris/everything-gemini-code --skill liquid-glass-design-jamkris
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/Jamkris/everything-gemini-code/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/Jamkris/everything-gemini-code --skill liquid-glass-design-jamkris

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Patterns and guidance for implementing Apple's Liquid Glass design across SwiftUI, UIKit, and WidgetKit to deliver dynamic blur, reflection, and morphing interactions.

Core Features & Use Cases

  • Cross-framework glass patterns for SwiftUI, UIKit, and WidgetKit.
  • Customizable glass variants, morphing transitions, and container-based composition using GlassEffectContainer, glassEffect modifiers, and namespace-based morphing.
  • Use cases include toolbars, cards, buttons, and widgets that adapt to iOS 26 visual language.

Quick Start

Create a simple Liquid Glass panel in SwiftUI with a rounded rectangle shape and interactive behavior.

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

Implement Liquid Glass in SwiftUI using the .glassEffect modifier to apply dynamic blur and reflections, and utilize GlassEffectContainer patterns to compose glass views like toolbars and cards.

Can I use Liquid Glass design patterns in UIKit and WidgetKit components?▼

Yes, Liquid Glass design patterns support cross-framework implementation, allowing you to apply dynamic glass effects and morphing interactions directly within UIKit components and WidgetKit widgets for iOS 26 apps.

How do I create morphing transitions for glass UI elements in iOS 26?▼

Create morphing transitions for glass UI elements using namespace-based morphing patterns combined with GlassEffectContainer, enabling seamless shape-shifting interactions between glass components in your iOS 26 app.

What is the best way to customize glass variants for buttons and toolbars in iOS 26?▼

The best way to customize glass variants for buttons and toolbars is by applying customizable .glassEffect modifiers in SwiftUI, allowing your UI components to dynamically adapt to the iOS 26 visual language.

Does Liquid Glass design require specific containers for composing multiple glass views?▼

Yes, Liquid Glass design utilizes GlassEffectContainer patterns to properly compose multiple glass views, ensuring that dynamic blur, reflections, and morphing interactions render correctly across your iOS 26 application interface.

Related Skills

Explore More Design & Creative Skills→
thangvawnthangvawn

liquid-glass-design

Implement Apple's Liquid Glass design system in iOS 26 apps with SwiftUI, UIKit, and WidgetKit.

Community
Advanced
Mark393295827Mark393295827
1

liquid-glass-design

Implement a reusable Liquid Glass design system for iOS 26 across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

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