Clouds (Preact, WebGPU)

component

Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

Sign In

Clouds (Preact, WebGPU)

component

Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

components/canvasui/Clouds.tsx