Layout
Glass reserved for controls
Bars, buttons, and navigation float above content that remains opaque.
Vendor design language
Apple controls float like lenses above opaque content.
Also called: Apple Liquid Glass, iOS 26 glass design
Liquid Glass is Apple’s adaptive material for controls and navigation. It visually lenses underlying content, adapts its tint, and reserves glass for the control layer.
Scope: The name refers to an Apple vendor language and APIs. On the web, any reproduction remains an approximation and must be labeled as such.
A credible example should make these signals visible without relying on the style name.
Layout
Bars, buttons, and navigation float above content that remains opaque.
Depth
Edges concentrate light and suggest refraction richer than a simple blur.
Color
The material adjusts its appearance to the content passing underneath.
Geometry
Controls use capsules and nested radii that share an optical center.
Choose the intent that matches the actual work. Each brief preserves the style signals and safeguards.
Create this interface with native Liquid Glass APIs on Apple platforms. Reserve the material for floating controls and navigation. Keep content opaque, readable, and structurally independent from the material.
Modify existing bars and controls to adopt Liquid Glass without turning content cards into glass. Reuse system components, coherent capsules, and the platform’s adaptive behavior.
Repair this implementation by removing glass from content surfaces. On Apple, replace imitations with system APIs. On the web, label it as an approximation and add an opaque fallback.