liquid-glass-design
Implementation patterns for Apple's Liquid Glass design system using SwiftUI, UIKit, and WidgetKit.
Install
npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-designStats
| Total installs | 1,175 |
| Weekly installs | 1.2K |
| GitHub stars | 112.5K |
| First seen | Feb 24, 2026 |
| Source | @affaan-m/everything-claude-code |
Summary
- Provides SwiftUI modifiers (.glassEffect(), .glassEffect(_:in:), button styles) and UIKit equivalents (UIGlassEffect, UIGlassContainerEffect) for consistent glass implementation across frameworks
- Includes GlassEffectContainer for performance optimization and smooth morphing transitions when glass elements appear, disappear, or change hierarchy
- Supports customization via tint colors, interactive touch reactions, shape variants (capsule, rect, circle), and spacing control for element merging
- WidgetKit integration with rendering mode detection, accent groups, and container backgrounds for tinted Home Screen appearance
- Best practices emphasize wrapping multiple glass views in containers, applying .interactive() only to responsive elements, and testing across light/dark and accented modes
Tags
Related skills
| Skill | Installs | vs liquid-glass-design |
|---|---|---|
| flutter-adaptive-ui | 1,297 | +122 |
| flutter-performance | 1,169 | -6 |
| asc-shots-pipeline | 1,082 | -93 |
| auth-wechat-miniprogram | 1,073 | -102 |
| ui-ux-designer | 1,139 | -36 |
FAQ
- How many installs does liquid-glass-design have?
- liquid-glass-design has 1,175 total installs and 1.2K installs this week.
- Where is liquid-glass-design hosted?
- liquid-glass-design is published by @affaan-m/everything-claude-code at https://github.com/affaan-m/everything-claude-code.
- How many GitHub stars does liquid-glass-design have?
- liquid-glass-design has 112.5K GitHub stars.
- When was liquid-glass-design first indexed?
- OrangeBot.AI first indexed liquid-glass-design on Feb 24, 2026.
- How do I install liquid-glass-design?
- Run: npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design