Shatter (Preact, WebGPU)

component

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. WebGPU build, rendered with vgpu.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/shatter-preact-webgpu.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Shatter (Preact, WebGPU) – shadcn/ui Component by canvas-ui | shadcnregistry

Registries
canvas-ui
Shatter (Preact, WebGPU)

Shatter (Preact, WebGPU)

component

pnpm dlx shadcn@latest add "https://canvasui.dev/r/shatter-preact-webgpu.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

preact
vgpu

components/canvasui/Shatter.tsx

preact
vgpu

components/canvasui/Shatter.tsx