Glassmorphic UI

Also called Glassmorphism

Glassmorphism groups frosted-glass interface effects under a name introduced by Michał Malewicz in 2020. Translucent surfaces, background blur and fine highlights suggest layered space, while colours show through from behind; readable text and clearly defined controls remain essential above the softened background.

Kind

Aesthetic

Lineage

Contemporary interface aesthetics

Medium family

UI, icons and information visuals

Medium

Digital interface

Technique

Interface layout

Colour

Gradient

Texture

Frosted surface

Key traits

1. 01Use translucent panels that reveal background colors and forms, with opacity chosen to preserve hierarchy.
2. 02Blur imagery behind a panel while keeping its text, icons and primary actions sharp.
3. 03Suggest panel boundaries and depth with fine bright edges, subtle inner highlights or shadows.
4. 04Arrange visible background variation and measured overlap so the glass effect comes from relationships between layers, without requiring gradients or rounded cards.