ForceField (React, WebGPU)
- from @canvas-ui
Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts the page beneath, with bloom, grain, and a burning reveal dissolve. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @canvas-ui/force-field-react-webgpuLive preview
No live preview has been built for this component yet.
Registry dependencies0
The CLI adds no other registry items with this one.