Playground
The Liquid Glass inspired surfaces the blog is made of, to play with. Drag the glass around, tune it, and try it over your own photo.
Or drop one on the stage. Your photo stays in your browser; it's never uploaded.
Play with the glass
One panel built from the same layers as the site's glass. Drag it anywhere, switch layers off, tune it, or pull it apart.
Drop shadow
Backdrop blur
Tint
Top sheen
Edge light
Liquid Glass inspiredDrag me
The site's glass: 14px blur, 180% saturation, 28px corners.
Surfaces
Every kind of glass on the site, over the same backdrop. Hover, press and focus them.
Card
Panels and post cards.
.glassLifting card
Hover: it rises a little.
.glass .glass-liftControls
.glass-raised .glass-press .glass-buttonField
.glass .glass-fieldSheet
Thicker and frostier, for the search overlay.
.glass-sheetOrbs
The reading ring, the orb that ends every article, and the loader, on a loop.