DitheredObject (Vue, WebGPU)

component

Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU build, rendered with vgpu.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/dithered-object-vue-webgpu.json"

Sign In

DitheredObject (Vue, WebGPU)

component

Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU build, rendered with vgpu.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/dithered-object-vue-webgpu.json"

components/canvasui/DitheredObject.vue