KQ-490 · TOUCH/ECHO
Touch Echo
A click leaves an echo on the thing you clicked: the element's painted image flashes and a ring expands from its outline — the real shape of the button or row, not a circle — fading over half a second. Feedback that fits what you pressed.
KQ-490 · TOUCH/ECHO
Basinworks · the reservoir board
Three gates, one basin.
Press a row, a button, or the bare rail between them — the board takes the shape of whatever you pressed and sends it back out as a ring. Nothing underneath moves; the board still gets the click.
Basin level
12.4 m12.4 mOutflow
60 cumecs60 cumecsGates open
22| Gate | Head | Flow | State |
|---|---|---|---|
| G1 | 12.4 m | 38 cumecs | open |
| G2 | 12.1 m | 0 cumecs | closed |
| G3 | 12.4 m | 22 cumecs | watch |
it heard you
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/touch-echo
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| selector / spread | string · number | — | Which elements echo and how far the ring expands in px. |
| color / flash / duration | string · number · number | — | The ring's colour, the flash strength, and the echo's length in seconds. |