KQ-079 · ORRERY
Orrery
Bodies orbit a hub on inclined elliptical paths — inner rings run faster, the whole system pauses when unwatched, and clicking a body flies it forward into a focus card until Escape sends it home.
KQ-079 · ORRERY
Relay Constellation · 6 StationsKQ-079
SCANNING
KQ-079 · Orrery · R 96 · Incl 24° · T 36s
Click a body to pull it into focus - Escape returns it to orbit.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/orrery
Props
- items
- { id, label, node? }[]
- default —
- Up to eight orbiting bodies; default faces are minted discs.
- hub / detail
- ReactNode / (item) => ReactNode
- default —
- The center piece and the focus-card renderer.
- radius / inclineDeg / period
- number / number / number
- default 120 / 24 / 36
- Orbit geometry and the outer revolution time in seconds.
- onFocusChange
- (id | null) => void
- default —
- Fires when a body is captured or released.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { id, label, node? }[] | — | Up to eight orbiting bodies; default faces are minted discs. |
| hub / detail | ReactNode / (item) => ReactNode | — | The center piece and the focus-card renderer. |
| radius / inclineDeg / period | number / number / number | 120 / 24 / 36 | Orbit geometry and the outer revolution time in seconds. |
| onFocusChange | (id | null) => void | — | Fires when a body is captured or released. |