Why Arclace?

Arclace combines arc and lace: the curve of a line, and the act of threading separate things together.

Arc reflects the library's visual character and its origins in SPECCER. There, curved SVG lines formed curly brackets between annotation pins and the HTML elements they described. The same drawing code later found another use: showing how design tokens relate to each other.

Lace captures the broader purpose: joining elements with visible threads, the way a lace runs through eyelets. Move, resize, scroll or zoom an element, and the lace follows. Whether a connection curves, runs straight or turns a corner, it makes a relationship visible.

Together, the words tie the library's drawing roots to its wider role in diagrams, node editors, flowcharts and annotated interfaces. And it reads naturally in code:

new Arclace({ container: '#diagram' });

Pronounced "ARK-lays".