skills.rest
KanakMalpani
KanakMalpaniCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Implement Liquid Glass design effects for iOS 26 across SwiftUI, UIKit, and WidgetKit.

Updated Mar 20, 2026
Search Tags:#swiftui#design-patterns#uikit#liquid-glass#widgetkit#ios-26#glass-effect
One-click install
npx skills add https://github.com/KanakMalpani/General-Private-Skills --skill liquid-glass-design-kanakmalpani
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/KanakMalpani/General-Private-Skills/tree/main/skills/liquid-glass-design
Command: npx skills add https://github.com/KanakMalpani/General-Private-Skills --skill liquid-glass-design-kanakmalpani

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Liquid Glass provides a cohesive cross-platform design system for iOS 26 apps, enabling dynamic blur, reflective color, and morphing interactions without bespoke, platform-specific implementations.

Core Features & Use Cases

  • Basic Glass Effect for SwiftUI
  • UIKit integration via UIGlassEffect
  • Morphing transitions and container patterns
  • WidgetKit support for tinted glass visuals
  • Migration guidance from older blur approaches and accessibility considerations

Quick Start

Add a GlassEffectContainer in your SwiftUI layout and call .glassEffect() on a view to render the liquid glass background.

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?▼

To implement liquid glass in SwiftUI, add a GlassEffectContainer to your layout and apply the .glassEffect() modifier to render dynamic blur and morphing effects.

Can I use liquid glass design patterns in UIKit and WidgetKit?▼

Yes, the liquid glass design system supports UIKit integration via UIGlassEffect and provides WidgetKit support for rendering tinted glass visuals across cross-platform apps.

How do I migrate older blur approaches to the iOS 26 glass effect?▼

You can migrate older blur approaches using provided migration notes that guide transitioning existing UI components to the dynamic liquid glass reflection and morphing system.

What is the best way to create morphing glass container transitions for buttons and toolbars?▼

The best way to create morphing transitions is by grouping buttons and toolbars within a GlassEffectContainer to enable seamless reflective color and glass aesthetics.

Are there accessibility considerations when applying glass effect modifiers?▼

Yes, implementing the liquid glass design system includes specific accessibility considerations to ensure dynamic blur and reflective color effects remain usable for all users.

Does the liquid glass effect work without bespoke platform-specific implementations?▼

The liquid glass design system provides a cohesive cross-platform implementation for iOS 26, delivering dynamic blur and morphing interactions without requiring platform-specific code.

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
Roy-wonjiRoy-wonji

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass UI with iOS 26+ APIs.

Community
Intermediate
rshankrasrshankras
603

liquid-glass

Implement Apple's Liquid Glass design language across SwiftUI, AppKit, UIKit, and WidgetKit.

Community
Intermediate
Mark393295827Mark393295827
1

liquid-glass-design

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

Community
Intermediate