Race Controlstable
Start Lights
A five-column race-start gantry that arms light by light, holds, and then goes out — or flashes yellow when the start is aborted.
Preview
Start lights ready
Playground
Arm the gantry as soon as it mounts.
1000
Milliseconds between each column lighting up.
200
Shortest random hold, in milliseconds, before lights out.
3000
Longest random hold, in milliseconds, before lights out.
Installation
Package manager
Register the boxbox namespace once per project:
bunx shadcn@latest registry add @boxbox=https://react-boxbox.vercel.app/r/{name}.jsonThen add the component:
bunx shadcn@latest add @boxbox/start-lights
Props
| Name | Type | Default | Description |
|---|---|---|---|
| autoStart | boolean | true | Arm the gantry as soon as it mounts. |
| interval | number | 1000 | Milliseconds between each column lighting up. |
| holdMin | number | 200 | Shortest random hold, in milliseconds, before lights out. |
| holdMax | number | 3000 | Longest random hold, in milliseconds, before lights out. |
| size | 'sm' | 'md' | 'lg' | md | — |
Dependencies
- motion