anseki/leader-line

Health v2 · maintenance only

Flags: no_releases archived

Adoption not part of the score

3250 stars · 466 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A zero-dependency JavaScript library for drawing customizable leader lines (arrows and connectors) between HTML/SVG elements in web pages. It renders SVG-based lines with options for color, size, outlines, and can point to parts of elements or elements in other windows.

Use cases

• draw arrows between html elements
• connect two dom elements with a line
• highlight a ui element with an arrow
• add callout lines pointing to page elements
• draw svg connector lines in the browser
• annotate parts of a diagram on a web page
• point attention to a button or form field

When to choose

• you need to visually connect or point between HTML/SVG elements in a browser
• you want a dependency-free vanilla JavaScript solution
• you need customizable line styles like color, size, and arrow shapes
• you want to highlight or annotate specific parts of elements

When to avoid

• you need full diagramming with draggable nodes and editing
• you need canvas-based or server-side rendering
• you need chart or graph data visualization rather than element annotation

Facets

library · maturity stable

ui-components animation graphics web-development frontend web-design browser leader-line svg arrows annotations callouts element-highlighting no-dependencies vanilla-javascript dom visual-connections javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="anseki/leader-line")