Look through, not at.
Drag this pane across the noise. Glassmorphism is what happens when chaos passes through frosted light.
Why does depth calm you?
Bring your cursor. The window answers.
Why does looking through glass feel calm?
Because depth is honest. Move the light — the closer it passes, the more this pane wakes. Hierarchy you can feel, not read.
Twenty years of frosted light.
Six eras, one rail. Click one — the room re-lights.
Nov 2020 — Michal Malewicz coins “glassmorphism” — the hashtag explodes within weeks.
One word lit the fuse.
It’s lockdown. You’re a UI designer, and “that frosted-glass thing” still has no name.
Michal Malewicz writes the article that names it: glassmorphism. Apple had built the physics — iOS 7’s live blur, Big Sur’s translucent everything — but the word is the spark. Within weeks the hashtag floods Behance and Dribbble.
“Name a thing, and suddenly everyone can build it.” — by 2025, even Apple speaks Liquid Glass.
Four sliders. The whole secret.
This is the entire recipe — tune it, break it, copy it.
Tune me until I feel like glass.
Every slider is one layer of the recipe.
16–24px reads as glass; more melts, less smudges.
White 8–18%. Higher washes out the light below.
The 1px catch-light sells the pane’s rim.
A long soft shadow floats it off the field.
Where the glass lives.
The canon — watch the man who named it, then visit the panes still shipping.
The canonical dark-aurora glass production site — glow blooms behind panes.
hype4.academy generatorBy Michal Malewicz, who named the style in November 2020.
The naming articleThe original “Glassmorphism in user interfaces” piece that lit the fuse.
css.glassA generator whose own page is the demo — glass tiles over a hot gradient.
linear.appFrosted nav, glass app windows, blur-resolve entrances in production.
Apple — Liquid GlassThe 2025 OS design language that re-canonized refractive glass.
Behance boardsThe 2021-trend tiles that defined the community’s glass era.
Glass is hierarchy made physical — what matters floats closer and glows. Build with light, and keep the text sharp.