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 pinned

PINNED · 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

PropTypeDefaultDescription
starsStar[]Named, pinnable stars plotted in the cloud.
extranumber60Unlabelled filler stars for density.
onPin(id | null) => voidFires the pinned star id, null when unpinned.
heightnumber300Sky height in px.