skills.rest
robinxin
robinxinCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

Updated Aug 23, 2026
Search Tags:#ui-design#swiftui#uikit#liquid-glass#widgetkit#glass#ios26
One-click install
npx skills add https://github.com/robinxin/AIFlomo --skill liquid-glass-design-robinxin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/robinxin/AIFlomo/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/robinxin/AIFlomo --skill liquid-glass-design-robinxin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

iOS 26 Liquid Glass provides a dynamic glass material that blurs content, reflects ambient color, and morphs in response to interactions, enabling a cohesive design language across apps and widgets.

Core Features & Use Cases

  • Implement glass-style containers for buttons, cards, toolbars, and panels with consistent depth and motion.
  • Support morphing transitions and interactive variants across SwiftUI, UIKit, and WidgetKit, including widget integration.
  • Facilitate migration from older blur or translucency patterns to the Liquid Glass design system for modern iOS apps.

Quick Start

Wrap a view in a glass effect by applying glassEffect() with optional shape and tint to achieve a Liquid Glass appearance.

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

To implement Liquid Glass UI in SwiftUI, wrap your target view by applying the glassEffect() modifier, optionally specifying a shape and tint to achieve the desired glass appearance.

Can I use Liquid Glass effects across both UIKit and WidgetKit?▼

Yes, Liquid Glass effects are supported across SwiftUI, UIKit, and WidgetKit, allowing you to build glass-style containers, morphing transitions, and interactive widget variants with consistent depth and motion.

What is the Liquid Glass design system in iOS 26?▼

The Liquid Glass design system in iOS 26 is a dynamic glass material that blurs underlying content, reflects ambient color, and morphs in response to user interactions, creating a cohesive visual language across apps and widgets.

How do I migrate from older blur or translucency patterns to Liquid Glass?▼

Migrating to Liquid Glass involves replacing older blur or translucency patterns by applying the glassEffect() modifier to views, enabling modern glass-style containers for buttons, cards, toolbars, and panels.

Does Liquid Glass support morphing transitions for interactive elements?▼

Yes, Liquid Glass supports morphing transitions and interactive variants, enabling dynamic glass-style containers that smoothly morph and reflect ambient color in response to user interactions across your app.

Related Skills

Explore More Design & Creative Skills→
MomoDavilukeMomoDaviluke
2

liquid-glass-design

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

Community
Advanced
phoenicisfphoenicisf

liquid-glass-design

Implement 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
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced