KQ-135 · RAIN/PANE
Rain Pane
Rain runs down a glass pane at two depths — near streaks fall fast and bright, far ones slow and faint — and tapping the glass splashes a ring of droplets wherever you touch.
KQ-135 · RAIN/PANE
WINDOW PANE · 02 DEPTHS
KQ-135
LISTENING
LAST DROP · NONE
Tap the pane - the rain splashes where you touch.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/rain-pane
Props
- count
- number
- default 70
- Total streaks across both depths, capped.
- onSplash
- (at) => void
- default —
- Fires the { x, y } of each tap splash.
- height
- number
- default 300
- Pane height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | 70 | Total streaks across both depths, capped. |
| onSplash | (at) => void | — | Fires the { x, y } of each tap splash. |
| height | number | 300 | Pane height in px. |