KQ-138 · VAPOR/RING
Vapor Ring
Click the still air and a ring of vapor puffs out, its turbulent edge expanding toward you and drifting up as it thins to nothing; the loop sleeps whenever the last ring has faded.
KQ-138 · VAPOR/RING
STILL AIR · VAPOR
KQ-138
Click or tap anywhere to puff a vapor ring.
PUFFS · 0
Click the air - a ring of vapor rolls out and fades.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/vapor-ring
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onPuff | (at) => void | — | Fires the { x, y } of each puff. |
| height | number | 300 | Surface height in px. |