FlameWrap (Vanilla, WebGPU)

component

Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with heat. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/flame-wrap-vanilla-webgpu.json"

Sign In

FlameWrap (Vanilla, WebGPU)

component

Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with heat. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/flame-wrap-vanilla-webgpu.json"

vgpu

components/canvasui/FlameWrapWebGPU.ts

vgpu

components/canvasui/FlameWrapWebGPU.ts