soft-glass-ui

Installation
SKILL.md

Glass UI Design System

A comprehensive design system for creating premium glass interfaces. Supports iOS 26+ native Liquid Glass (glassEffect) and provides fallback patterns for iOS 17-18.

Critical Insight: iOS 26 Liquid Glass

The "glass" effect in iOS 26 is NOT gradients and shadows. It's a physically-accurate lensing system that samples the background and creates real-time refraction effects.

What This Means:

  1. Glass needs colorful/dark backgrounds - Unlike gradient-based glass that works on any background, native liquid glass samples what's behind it. On a plain white background, glass appears nearly invisible.

  2. Use .ultraThinMaterial + .glassEffect() - The material provides the frosted base, the glassEffect adds the liquid refraction.

  3. Interactive feedback is built-in - .glassEffect(.regular.interactive()) provides touch scaling/bouncing animations automatically.


iOS Version Strategy

Related skills
Installs
3
First Seen
Feb 28, 2026