liquid-glass-design

Implement dynamic glass effects on iOS 26 elements with SwiftUI, UIKit, and WidgetKit.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/dbrijesh/raep --skill liquid-glass-design-dbrijesh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/dbrijesh/raep/tree/main/templates/skills/liquid-glass-design
Command: npx skills add https://github.com/dbrijesh/raep --skill liquid-glass-design-dbrijesh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of implementing Apple's Liquid Glass design system on iOS 26, providing dynamic glass materials with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit integration.

Core Features & Use Cases

  • Dynamic Glass Effects: Adds blur, reflection, and interactive morphing to iOS elements.
  • Cross-Platform Support: Works with SwiftUI, UIKit, and WidgetKit.
  • Customization: Offers various customization options for shapes, tints, and interactivity.
  • Use Case: For designers and developers looking to incorporate the new iOS 26 design language into their applications.

Quick Start

Apply the Liquid Glass effect to a SwiftUI view by using the .glassEffect() modifier on any view element.

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 on iOS 26?

Apply Liquid Glass effects in SwiftUI by using the .glassEffect() modifier on any view element. This adds dynamic glass materials with blur and interactive morphing to your iOS 26 application interface.

Can I use iOS 26 Liquid Glass design with UIKit and WidgetKit?

Yes, the Liquid Glass design system supports cross-platform integration across SwiftUI, UIKit, and WidgetKit, enabling dynamic glass effects like blur, reflection, and interactive morphing throughout your app.

What customization options are available for the iOS 26 Liquid Glass design?

Liquid Glass design customization includes various options for shapes, tints, and interactivity. You can tailor the dynamic glass effects to match your specific iOS 26 application's visual requirements.

Do I need iOS 26 and Swift to use Liquid Glass dynamic effects?

Yes, implementing Liquid Glass dynamic effects requires iOS 26+ and Swift. This environment is necessary to support the blur, reflection, and interactive morphing behaviors of the glass materials.

What is interactive morphing in the iOS 26 Liquid Glass design system?

Interactive morphing in the Liquid Glass design system dynamically alters glass materials in response to user interaction. It works alongside blur and reflection effects to create responsive iOS 26 elements.