liquid-glass-design

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

1|Updated Apr 11, 2026
One-click install
npx skills add https://github.com/its-Basudeba/Care-HMS --skill liquid-glass-design-its-basudeba
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/its-Basudeba/Care-HMS/tree/main/.agent/skills/liquid-glass-design
Command: npx skills add https://github.com/its-Basudeba/Care-HMS --skill liquid-glass-design-its-basudeba

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of implementing Apple's iOS 26 Liquid Glass design language, which requires precise handling of blur, reflection, and interactive morphing across multiple platforms.

Core Features & Use Cases

  • Unified Design Patterns: Provides standardized implementations for SwiftUI, UIKit, and WidgetKit.
  • Interactive Elements: Includes logic for glass-style buttons, cards, and toolbars that react to touch and pointer input.
  • Morphing Transitions: Enables smooth visual transitions between glass elements using namespace-based animations.
  • Use Case: Use this to build a modern, cohesive dashboard where cards and toolbars dynamically blur and reflect surrounding content.

Quick Start

Use the liquid-glass-design skill to apply a standard glass effect with a custom orange tint to a SwiftUI view.

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 the iOS 26 Liquid Glass design system in SwiftUI?

Implement the iOS 26 Liquid Glass design system in SwiftUI by applying specific container-based rendering patterns to handle dynamic blur, reflection, and interactive morphing transitions for cohesive visual depth.

Can I use Liquid Glass UI components across UIKit and WidgetKit?

Yes, Liquid Glass UI components support cross-platform integration across UIKit and WidgetKit, enabling consistent visual depth and glass-style interactive elements like buttons and toolbars throughout your app.

How do glass-style morphing transitions work in iOS 26?

Glass-style morphing transitions work by using namespace-based animations to smoothly morph between interactive Liquid Glass elements, ensuring cards and toolbars dynamically blur and reflect surrounding content.

What are the requirements for rendering Liquid Glass interfaces?

Rendering Liquid Glass interfaces requires adherence to specific container-based rendering patterns and accessibility guidelines to ensure dynamic blur, reflection, and interactive depth function correctly.

Does Liquid Glass design support custom tints for interactive elements?

Yes, Liquid Glass design supports custom tints for interactive elements like buttons and cards, allowing you to apply specific color overlays while maintaining the dynamic blur and reflection effects.

Why do my Liquid Glass toolbars lack dynamic blur and reflection?

Liquid Glass toolbars lack dynamic blur and reflection if container-based rendering patterns are not followed correctly, as the system requires specific structural logic to process interactive visual depth.