Liquid Glass Design System (iOS 26–27)

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.

iOS 27 / WWDC 2026 updates: Users can now adjust Liquid Glass intensity via a system-wide transparency slider in Settings → Display. Apps must test at all intensity levels. New .clear and .identity glass effect styles added. Enhanced layering system for nested glass surfaces.

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: