Shatterable Glass Card

A glass-style card that you can literally crack and shatter on click—complete with Voronoi-based shards rendered to canvas, wobbling SVG cracks, and dynamic audio feedback via Tone.js.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shatterable Glass Card to your project and fits it to your theme.

import ShatterableGlassCard  from "@/components/ui/shatterable-glass-card";

export default function DemoOne() {
  return <ShatterableGlassCard />;
}