Apple Liquid Glass Design System
CommunityLiquid Glass UI with premium translucency.
AuthorGeneralJerel
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Apple Liquid Glass Design System Download link: https://github.com/GeneralJerel/awesome-style-refs/archive/main.zip#apple-liquid-glass-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.