KQ-309 · VERSUS/BAR
Versus Bar
A tug-of-war between two sides on a single bar: each push moves the seam, consecutive pushes build a surge that pushes further, and a push the other way resets it — which is where the drama lives. Crossing the centre names the new leader, and past eighty percent the losing side starts showing the brink.
KQ-309 · VERSUS/BAR
Ravensworth00
Fernworks00
50 · 50
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/versus-bar
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| left / right | Team · Team | — | The two sides, each with a name and tint. |
| step | number | 6 | Percent the seam moves per push, before surge. |