skills.rest
GeneralJerel
GeneralJerelCOMMUNITY
Explore all skills by this author →
GitHub

Apple Liquid Glass Design System

Generate translucent Liquid Glass UI components for iOS 26+ apps.

Updated Mar 23, 2026
Search Tags:#accessibility#glassmorphism#swiftui#design-system#uikit#liquid-glass#hdr
One-click install
npx skills add https://github.com/GeneralJerel/awesome-style-refs --skill apple-liquid-glass-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Apple Liquid Glass Design System
Source: https://github.com/GeneralJerel/awesome-style-refs/tree/main/skills/liquid-glass
Command: npx skills add https://github.com/GeneralJerel/awesome-style-refs --skill apple-liquid-glass-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple's Liquid Glass provides a premium translucent material for iOS 26+ apps, enabling glass-like surfaces that refract content and respond to ambient light to elevate visual depth and readability.

Core Features & Use Cases

  • Material system: Implement Liquid Glass surfaces with dynamic refractive behavior that adapts to light, color, and user interaction.
  • HDR-aware rendering: Support display P3 color space and HDR-friendly tinting for vibrant, accurate glass in bright environments.
  • Motion-friendly design: Apply spring-based animations and tuned damping to create fluid, glass-like transitions across components.

Quick Start

Create a Liquid Glass panel in SwiftUI with 16pt corner radius and 0.40 opacity, applying a 20pt blur to begin.

Frequently Asked Questions about Apple Liquid Glass Design System

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Liquid Glass UI components in SwiftUI?▼

Liquid Glass in iOS 26+ uses dynamic refractive behavior to create glass-like surfaces that respond to light, color, and user interaction, elevating visual depth and readability for modern Apple ecosystem apps.

Does Liquid Glass support HDR color rendering and display P3?▼

Yes, Liquid Glass supports both SwiftUI and UIKit components, allowing you to apply responsive interactions and dynamic material behavior consistently across modern Apple ecosystem apps.

What's the best way to animate translucent glass surfaces in iOS?▼

The best way to animate Liquid Glass surfaces is using spring-based animations with tuned damping, which creates fluid, glass-like transitions that respond naturally to user interaction across components.

Does Liquid Glass meet accessibility requirements for translucent UI?▼

Yes, the Liquid Glass material system includes specific accessibility considerations and blur rules to ensure that translucent glass surfaces maintain readability and dynamic material behavior for all users.

Can I use Liquid Glass with UIKit or is it limited to SwiftUI?▼

Liquid Glass works with both UIKit and SwiftUI components, enabling you to apply responsive interactions, motion guidelines, and dynamic material behavior consistently across your entire iOS 26+ application.

Why does my glassmorphism UI look washed out in bright environments?▼

Without HDR-aware rendering and proper tint rules, glassmorphism surfaces lose vibrancy in bright environments; Liquid Glass addresses this by supporting display P3 color space and dynamic refractive behavior.

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
telagodtelagod
238

liquid-glass

Standardize translucent UI visuals with reusable liquid glass design tokens and patterns.

Community
Intermediate
kouisokouiso

liquid-glass-design

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

Community
Intermediate
yashpalsince2004yashpalsince2004

swiftui-liquid-glass

Apply SwiftUI Liquid Glass effects to custom iOS 26+ views.

Community
Advanced