KQ-134 · CONSTELLATION/MAP
Constellation Map
A cloud of stars you turn with a drag — spin the sky and it coasts to a stop, links stitch between the stars nearest the cursor, and clicking a named star pins it with a label; the named stars are reachable from a keyboard list too.
KQ-134 · CONSTELLATION/MAP
STAR CATALOG · 08 NAMED
KQ-134
SCANNING
No star pinnedPINNED · NONE
Drag to turn the sky - hover to draw links, click to pin a star.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/constellation-map
Props
- stars
- Star[]
- default —
- Named, pinnable stars plotted in the cloud.
- extra
- number
- default 60
- Unlabelled filler stars for density.
- onPin
- (id | null) => void
- default —
- Fires the pinned star id, null when unpinned.
- height
- number
- default 300
- Sky height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| stars | Star[] | — | Named, pinnable stars plotted in the cloud. |
| extra | number | 60 | Unlabelled filler stars for density. |
| onPin | (id | null) => void | — | Fires the pinned star id, null when unpinned. |
| height | number | 300 | Sky height in px. |