Glassmorphism

Founded by Apple (macOS Big Sur visual language) · macOS Big Sur, 2020

Philosophy

The Story

Apple introduced macOS Big Sur in June 2020 with a visual language that felt like looking through frosted glass at a mountain range. Translucent panels, blurred backgrounds, color-tinted surfaces. The effect was not new — designers had been experimenting with backdrop-filter for years — but Apple's implementation made it a mainstream design system decision. Glassmorphism requires backdrop-filter: blur() to work properly, which means it performs poorly on older hardware and can be unreadable if the content beneath is complex. The contexts where it works best: music apps (where the album art provides the visual interest behind the blur), dashboard headers, floating panels, and anywhere you want to communicate "there is more information beneath this layer" without breaking visual continuity.

Design Parameters

Best For

Notable Examples