Frosted surface
Translucent panel with blur, sheen, and soft border highlights.
Blur radius36px
Liquid Glass Cards
Interactive frosted-glass card system with aurora scenes, tilt hover, draggable layers, and live performance metrics.
Demo scene
Changes this lab preview only, not the site theme in the navbar.
Performance
- FPS
- 60
- Frame
- 16.7ms
- Backdrop blur
- Fallback
- Motion
- Full
Accent inside glass
Tilt + glow
Pointer-driven perspective with a radial glow that follows your cursor.
InteractionHover
Morph hover
Border radius eases on hover for a liquid, malleable glass feel.
Radius1.625rem
Nature backdrop
Photo scenery shows through the glass, similar to Apple liquid glass demos.
Scenes3 photos
Interactive layer
Drag cards over the nature backdrop. Frosted panels blur the photo beneath.
Draggable card
Grab and reposition on the canvas.
Layered glass
Stack panels over the landscape photo.
Live metrics
FPS and backdrop support update in real time.