docks
Constellation dock
Joining two points with a div is hypotenuse and arctangent, but what decides whether it works is the transform-origin: the left edge, vertically centred. At the default 50% 50% the line pivots about its own middle and its start walks away from the node it was meant to be tied to. And the inner loop starts at i+1, not 0: every ordered pair draws each edge twice, and two hairlines at 13 percent stack into 24.
See it live and copy its promptWhat you can adjust
- Background
- Head color
- Icon color
- Tile size
- Node spacing
- Link reach
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
