Ripple (React)

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-react.json"

Sign In

Ripple (React)

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-react.json"

components/canvasui/Ripple.tsx