liquid-glass-ios
Liquid Glass Design for iOS
Implementation patterns for Apple's Liquid Glass design system in iOS 26+ and iPadOS 26+, covering SwiftUI glassEffect APIs and UIKit NSGlassEffectView integration.
Overview
Liquid Glass is Apple's next-generation frosted glass design pattern for iOS 26 and iPadOS 26+. It provides visual hierarchy, depth, and interactive feedback through translucent glass layers with tint and blur effects. Use glassEffect to create adaptive, accessible glass overlays that enhance UI without sacrificing readability.
Rules
See rules index for detailed patterns covering:
- Glass effect usage and proper layer placement
- Accessibility with glass effects (contrast, readability, reduced transparency)
- Fallback patterns for pre-iOS 26 versions
- Performance optimization for glass rendering
- Color and tint management
References
More from ravnhq/ai-toolkit
core-coding-standards
Universal code quality rules — KISS, DRY, clean code, code review. Base
81promptify
Transform user requests into detailed, precise prompts for AI models.
66lang-typescript
TypeScript language patterns and type safety rules — strict mode, no
53tech-react
React 19 patterns for components, hooks, Server Components, and data
52design-frontend
Visual design system patterns for web UIs. Tailwind CSS v4 design tokens
43platform-backend
Server-side architecture and security — API design, error handling, validation,
39