KQ-259 · CLACK/BEADS

Clack Beads

Five beads on a rod: flick the free one into the cluster and the impact travels — the struck bead compresses, a clack tick flashes at contact, and the far bead shoots out, coasts, and wanders lazily back. Not a physics engine; an authored choreography tuned until it feels like one, which is cheaper and never misses. The pendulum cousin lives elsewhere — these slide.

KQ-259 · CLACK/BEADS

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/clack-beads

Props

PropTypeDefaultDescription
beadsnumber5Beads on the rod (3–7).
onClack() => voidFires at contact.