# pierpo/react-archer

🏹 Draw arrows between React elements 🖋

Repository: https://github.com/pierpo/react-archer
Canonical: https://ross.abutalabs.com/products/react-archer
Homepage: https://pierpo.github.io/react-archer/
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, arrows, draw-arrows, dom, arrow
Last push: 2026-06-05T17:09:07+00:00

## Health v2 (maintenance only)
Score: 89/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 86, release rhythm 87, longevity 100
- inputs: {"age_days": 3109, "days_push": 89, "days_rel": 89, "gap_med": 7, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1343, forks 77 (observed 2026-08-28T04:04:26.417879+00:00)

## What it is
react-archer is a React library for declaratively drawing SVG arrows between DOM elements. You wrap your layout in an ArcherContainer, mark endpoints with ArcherElement, and define relations; the library measures the DOM and renders the arrows.

## Use cases
- draw arrows between react components
- connect dom elements with svg lines
- build node relationship diagrams in react
- annotate ui elements with labeled arrows
- visualize dependencies between page elements
- create flowchart-style connections in a react app

## When to choose
- you need declarative, auto-measured arrows between React elements
- you want labeled, styled SVG connectors without manual coordinate math
- you need a small MIT-licensed React component library for element connections

## When to avoid
- you need a full diagramming/flowchart editor with draggable nodes
- your project is not React-based
- you need canvas-based rendering for thousands of connections

## Facets
- artifact type: library
- maturity: active
- function: ui-components, graphics
- domain: frontend, web-development
- platform: browser
- tags: react, svg-arrows, dom-elements, diagram-connections, web-server

## Member repositories
- pierpo/react-archer (main) score 89

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:26.417879+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:43:01.288207+00:00, confidence not recorded.
  - readme: https://github.com/pierpo/react-archer (fetched 2026-08-28T04:04:26.417879+00:00, sha 715e89e94466)
  - homepage: https://pierpo.github.io/react-archer/ (fetched 2026-08-29T12:02:42.052667+00:00, sha a9a408ae512d)
  - registry_npm: https://registry.npmjs.org/react-archer (fetched 2026-08-29T12:02:42.061755+00:00, sha 60845a8e4a8f)
- Data as of 2026-08-30T08:39:29.467469+00:00.