ForceField (Vue)

component

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.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/force-field-vue.json"

Sign In

ForceField (Vue)

component

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.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/force-field-vue.json"

components/canvasui/ForceField.vue