Grid (React, WebGPU)

component

Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

Sign In

Grid (React, WebGPU)

component

Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

vgpu

components/canvasui/Grid.tsx

vgpu

components/canvasui/Grid.tsx