skills.rest
RambleRainbow
RambleRainbowCOMMUNITY
Explore all skills by this author →
GitHub

liquid-glass-design

Implement iOS 26 Liquid Glass materials in SwiftUI, UIKit, and WidgetKit.

Updated May 9, 2026
Search Tags:#ui design#swiftui#uikit#widgetkit#liquid glass#ios 26#native ios development
One-click install
npx skills add https://github.com/RambleRainbow/jd --skill liquid-glass-design-ramblerainbow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: liquid-glass-design
Source: https://github.com/RambleRainbow/jd/tree/main/.claude/skills/liquid-glass-design
Command: npx skills add https://github.com/RambleRainbow/jd --skill liquid-glass-design-ramblerainbow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple's iOS 26 introduces the new Liquid Glass dynamic material design system, but developers previously lacked official, structured guidance for implementing its native blur, reflection, interactive morphing, and cross-framework integration features in SwiftUI, UIKit, and WidgetKit.

Core Features & Use Cases

  • Cross-framework implementation: Native, pattern-backed code examples for SwiftUI, UIKit, and WidgetKit to build consistent Liquid Glass UIs across all Apple app surfaces.
  • Interactive effect customization: Guidance for adjusting glass tint, shape, interaction behavior, and smooth morphing transitions between dynamic glass elements.
  • Use Case: Migrate an existing iOS app's outdated blur and material effects to the native Liquid Glass API, or build a new iOS 26 widget that automatically adapts to the user's tinted Home Screen settings.

Quick Start

Use the liquid-glass-design skill to add an interactive orange-tinted rounded rectangle glass button to your SwiftUI iOS 26 app's main navigation toolbar.

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 material in SwiftUI?▼

You implement Liquid Glass in SwiftUI using native pattern-backed code examples to build dynamic glass UIs with adjustable tint, shape, and morphing transitions. This provides system-consistent effects that integrate natively with the iOS 26 design language.

What is the Liquid Glass design system in iOS 26?▼

Liquid Glass is a dynamic material design system for iOS 26 that provides native blur, reflection, and interactive morphing features. It integrates with SwiftUI, UIKit, and WidgetKit to support user interaction feedback across light, dark, and tinted appearances.

Can I use Liquid Glass effects in UIKit and WidgetKit?▼

Yes, Liquid Glass effects support UIKit and WidgetKit through cross-framework implementation patterns. This includes widget rendering mode adaptation for tinted Home Screens and container performance optimization for consistent glass UIs.

How do I adapt iOS 26 widgets for tinted Home Screen appearances?▼

You adapt iOS 26 widgets using WidgetKit rendering mode adaptation patterns for the Liquid Glass material. This ensures the widget UI automatically adapts its glass effects to the user's light, dark, and tinted Home Screen settings natively.

How do I customize Liquid Glass tint and morphing transitions?▼

Customize Liquid Glass by applying interactive effect guidance to adjust glass tint, shape, and interaction behavior. This enables smooth morphing transitions between dynamic glass elements within native Apple platform applications.

How do I migrate existing blur effects to the native Liquid Glass API?▼

Migrate existing blur effects by replacing outdated material implementations with native Liquid Glass API patterns. This ensures your app achieves system-consistent, accessible glass UI effects that support user interaction feedback natively.

Related Skills

Explore More Software Engineering Skills→
jchaselubitzjchaselubitz

expo-glass-effect

Implement iOS liquid glass UI effects in React Native with expo-glass-effect.

Community
Intermediate
kk20300113-pngkk20300113-png

liquid-glass-design

Implements iOS 26 Liquid Glass design for SwiftUI, UIKit, WidgetKit apps.

Community
Intermediate
Oruga420Oruga420

liquid-glass-design

Implement iOS 26 Liquid Glass materials in SwiftUI, UIKit, and WidgetKit components.

Community
Intermediate
vrcmsvrcms
1

liquid-glass-design

Implements the iOS 26 Liquid Glass design system for SwiftUI, UIKit, and WidgetKit components.

Community
Intermediate