Frosted panels with specular edges, morphing blobs and depth stacks. Every demo ships with its own animated colour bloom behind it — because glass only reads as glass when something is moving underneath.
Material
The recipe is always the same three ingredients: a translucent white fill, a bright hairline border and backdrop-blur. What sells it is the colour moving behind — flat backgrounds kill the effect.
Liquid Glass
backdrop-blur-xl
Frosted panel
Specular
Specular edge
Depth
Inner glow
Violet tint
Tinted glass
Opaque frost
Heavy frost
Saturate 200%
Saturating glass
Layered
Stacked depth
Grain + glass
Noise glass
Morphing blob
Interface
Buttons, sliding tabs, docks, players and modals. Each demo carries its own animated bloom so you can see the blur actually working.
Glass button
Sliding tabs
Glass input
Dock
Build passed
2 seconds ago
Notification
Slider
Segmented pill
Avatar ring
Midnight City
Player bar
Delete file?
Modal
Application
Navbars, toasts, tooltips, stat tiles and bottom sheets — the frame around the content, rendered in the same material.
Glass navbar
Copied to clipboard
Glass toast
Glass badge
Glass toggle
Glass progress
Glass tooltip
48.2k
Downloads
Glass stat
Glass grid
Share sheet
Bottom sheet