skills.rest
thangvawn
thangvawnCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

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

Updated Apr 6, 2026
Search Tags:#UI design#SwiftUI#WidgetKit#UIKit#Liquid Glass#iOS 26
One-click install
npx skills add https://github.com/thangvawn/agent_financial --skill liquid-glass-design-thangvawn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/thangvawn/agent_financial/tree/main/.cursor/skills/liquid-glass-design
Command: npx skills add https://github.com/thangvawn/agent_financial --skill liquid-glass-design-thangvawn

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a framework for implementing Apple's Liquid Glass design system in iOS 26 apps, offering dynamic glass materials with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • Dynamic Glass Effects: Apply blur, reflection, and interactive morphing to UI elements.
  • Cross-Platform Support: Works with SwiftUI, UIKit, and WidgetKit.
  • Customization: Offers various customization options for shape, tint, and interaction.
  • Use Case: Use this Skill to create a glass-style navigation bar or a widget that responds to touch interactions.

Quick Start

Use the liquid-glass-design skill to apply a glass effect to a button in 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 Liquid Glass effects in iOS 26?▼

You can implement Liquid Glass effects in iOS 26 by applying dynamic glass materials with blur, reflection, and interactive morphing to your UI elements using the provided SwiftUI, UIKit, and WidgetKit patterns.

Can I use Liquid Glass materials in UIKit or is it only for SwiftUI?▼

Liquid Glass materials are supported across UIKit, SwiftUI, and WidgetKit, allowing you to apply dynamic glass effects with blur and reflection regardless of your chosen iOS UI framework.

What's the best way to add a glass effect to a WidgetKit widget?▼

The best way to add a glass effect to a WidgetKit widget is to use the provided cross-platform patterns that support interactive morphing and dynamic reflections tailored for iOS 26 widgets.

How do I customize Liquid Glass shapes and tints in SwiftUI?▼

You can customize Liquid Glass shapes and tints in SwiftUI using the built-in options to adjust visual properties, enabling dynamic glass materials that respond to user interactions.

Why use Liquid Glass design patterns for iOS apps?▼

Use Liquid Glass design patterns to create dynamic glass materials with blur, reflection, and interactive morphing, solving the need for responsive and visually layered UI components in iOS 26 apps.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

liquid-glass-design

Integrate dynamic glass materials into iOS 26+ apps with SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
DimillianDimillian
3.9k

swiftui-liquid-glass

Implement and review Liquid Glass usage in SwiftUI iOS 26+ apps.

Community
Advanced
xxihxxih
1

liquid-glass-design

Render dynamic liquid-glass materials for iOS 26+ UI components.

Community
Intermediate
woxiangyangzhimaowoxiangyangzhimao
3

liquid-glass-design

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

Community
Advanced