liquid-glass-design

Implement Apple's iOS 26 Liquid Glass effects in SwiftUI, UIKit, and WidgetKit.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/YosefHayim/Template --skill liquid-glass-design-yosefhayim
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/YosefHayim/Template/tree/main/.cursor/skills/liquid-glass-design
Command: npx skills add https://github.com/YosefHayim/Template --skill liquid-glass-design-yosefhayim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive system for implementing Apple's new Liquid Glass design language across SwiftUI, UIKit, and WidgetKit, enabling dynamic blur, reflection, and interactive effects.

Core Features & Use Cases

  • Dynamic Material Effects: Implement blurs, reflections, and interactive morphing glass.
  • Cross-Platform Support: Seamless integration with SwiftUI, UIKit, and WidgetKit.
  • Use Case: Enhance your app's UI by applying a modern, interactive glass effect to buttons, cards, and containers, making them visually appealing and responsive.

Quick Start

Apply a default Liquid Glass effect to a Text view in SwiftUI.

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?

You can implement Liquid Glass effects in SwiftUI by applying this system's dynamic blur, reflection, and interactive morphing materials to views like buttons and containers. It provides built-in support for Apple's iOS 26 design language.

What is the Liquid Glass design system in iOS 26?

The Liquid Glass design system is Apple's iOS 26 visual language featuring dynamic blur, reflection, and interactive morphing effects. It enables visually coherent glass materials that respond dynamically to user interaction across UI components.

Can I use Liquid Glass materials with UIKit and WidgetKit?

Yes, this Liquid Glass implementation supports cross-platform integration with UIKit and WidgetKit alongside SwiftUI. You can seamlessly apply glass effects to interactive elements and widgets across these frameworks.

How do I customize Liquid Glass shapes and tints for iOS buttons?

You can customize Liquid Glass shapes and tints for iOS buttons using the provided system parameters. It allows you to tailor dynamic blur, reflection, and interactive morphing behaviors to fit your app's visual coherence.

Does Liquid Glass morphing support performance optimization for widgets?

Yes, the Liquid Glass system optimizes glass morphing transitions and container patterns for performance and visual coherence in widgets. It ensures dynamic blur and reflections render efficiently within WidgetKit constraints.