Magnify (Preact, WebGPU)

component

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

Sign In

Magnify (Preact, WebGPU)

component

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

components/canvasui/Magnify.tsx