Ripple (Solid, WebGPU)

component

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

Sign In

Ripple (Solid, WebGPU)

component

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

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

components/canvasui/Ripple.tsx