About this component

A pristine pane of glass at rest. Clicking creates a beautiful, crystalline fracture pattern from the click point. Each fracture facet reflects light differently and reveals a different piece of content. Hovering over a fracture repairs it with a smooth annealing animation. Fully shattered cards reset after a period of inactivity.

Difficulty

Expert

Style

Apple Liquid Glass

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/glass-fracture-card.