Ripple (Solid)

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.

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

Sign In

Ripple (Solid)

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.

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

solid-js

components/canvasui/Ripple.tsx

solid-js

components/canvasui/Ripple.tsx