Shatter

item

Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://api.catalogs.dev/shadcn/davidhdev/shatter/react.json"

Sign In

Shatter

item

Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://api.catalogs.dev/shadcn/davidhdev/shatter/react.json"

components/canvasui/Shatter.tsx