KQ-313 · TIMING/BAR
Timing Bar
The bar every crafting game teaches you to hit: a marker sweeps, you stop it, and the hit-test reads the marker's live motion value rather than any state — which is what makes the judgement honest. The perfect zone sits deliberately off-centre so it has to be learned, and every success speeds the next sweep while narrowing the target.
KQ-313 · TIMING/BAR
streak 0 · best 0
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/timing-bar
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onResult | (result: "perfect" | "good" | "miss") => void | — | Fires per attempt with the judgement. |