Liquid glass · 8 pieces
Glass that bends the world behind it.
Blurred, refracting surfaces with a specular rim that follows the pointer. In CSS and one SVG filter: no canvas, no GPU budget, calm where the browser cannot refract.
Try it
Move over me
01Where it belongs
Six places for glass.
Each piece is shown in the context it was made for. Copy the install line or the prompt, which carries the colours, fonts and art of the demo.
All 8 piecesA floating header over a hero
A pill header that floats over a photo, a video or a 3D background. The highlight glides to the link under the pointer.
A now-playing card
Art, progress and transport on a card that sits over any cover. Wire the audio yourself; the timer and bar are built.
Midnight Reverie
Luna Park
9:41
Tuesday, 13 October
Calendarnow
Design review at 3:00
Room 4, with the brand team.
A lock-screen notification stack
Stacked notices that fan out into a list and dismiss one by one. Shown here inside the Phone piece, on a phone-shaped wallpaper.
A control centre with a segmented switch
Toggle tiles and real range sliders for settings and smart-home demos, with Glass Tabs for the mode switch.
A dock for an app-like site
Five to eight destinations on glass that swell toward the pointer. Flat on touch, with labels on focus.
A confirmation over a busy page
A dialog that keeps focus inside, cancels on Escape and dims the page behind it. The glass shows what you are about to affect.
Delete this project?
This removes the project and its preview. You can restore it from the archive for 30 days.