Glassmorphism
Also called: frosted glass, glass effect, Liquid Glass.
See-through panels that blur whatever is behind them, with a thin light edge. It looks like frosted glass.
Glassmorphism
Say it in a prompt
Glassmorphism: translucent white panels (16% opacity) with a 14px backdrop blur and a 1px light border, over a colorful gradient background. Seen on
- Apple AirPods Pro 3: Once the product bar sticks, it turns see-through with a strong blur behind it.
- Linear: The header is see-through near-black with a blur and a faint thin line under it.
You might describe it as
- blurry frosted top bar
- see-through panel with blur behind
- frosted glass card on a colorful background