KQ-053 · RIPPLE/SURFACE
Ripple Surface
Tap the surface and a wavefront propagates out; tap again and the rings overlap into visible interference — a calm canvas pond that answers every touch.
KQ-053 · RIPPLE/SURFACE
WAVE TANKCANVAS 2D
RIPPLE · SURFACE
Tap the surface — wavefronts interfere.
Additive crests · interference where rings cross
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/ripple-surface
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| height | number | 320 | Stage height in px. |
| children | ReactNode | — | Overlay content rendered above the field. |