liquid-glass-design
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.
npx skills add mturac/everything-openai-codex --skill liquid-glass-design --agent codex
Same command for any agent — swap --agent for claude-code, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Liquid Glass Design System (iOS 26) Patterns for implementing Apple's Liquid Glass — a dynamic material that blurs content behind it, reflects color and light from surrounding content, and reacts to touch and pointer interactions. Covers SwiftUI, UIKit, and WidgetKit integration. ## When to Activate - Building or updating apps for iOS 26+ with the new design language - Implementing glass-style buttons, cards, toolbars, or containers - Creating morphing transitions between glass elements - Applying Liquid Glass effects to widgets - Migrating existing blur/material effects to the new Liquid Glass API ## Core Pattern — SwiftUI ### Basic Glass Effect The simplest way to add Liquid Glass to any view: ```swift Text("Hello, World!") .font(.title) .padding() .glassEffect() // Default: regular variant, capsule shape ``` ### Customizing Shape and Tint ```swift Text("Hello, World!") .font(.title) .padding() .glassEffect(.regular.tint(.orange).interactive(), in: .rect(cornerRadius: 16.0)) ``` Key customization options: - `.regular` — standard glass effect - `.tint(Color)` — add color tint for prominence - `.interactive()` — react to touch and pointer interactions - Shape: `.capsule` (default
- When to Activate
- Core Pattern — SwiftUI
- Basic Glass Effect
- Customizing Shape and Tint
- Glass Button Styles
- GlassEffectContainer for Multiple Elements
- Uniting Glass Effects
- Morphing Transitions
- Extending Horizontal Scrolling Under Sidebar
- Core Pattern — UIKit
- Basic UIGlassEffect
- UIGlassContainerEffect for Multiple Elements
- Scroll Edge Effects
- Toolbar Glass Integration
What does the liquid-glass-design skill do?
iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.
How do I install it?
Run `npx skills add mturac/everything-openai-codex --skill liquid-glass-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From mturac/everything-openai-codex, a repository with 84 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.