# reaviz/reaflow

🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.

Repository: https://github.com/reaviz/reaflow
Canonical: https://ross.abutalabs.com/products/reaflow
Homepage: https://reaflow.dev
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: reactjs, workflow, node-editor, diagrams, elkjs, react, visualizations, flowchart, hacktoberfest
Last push: 2025-06-04T09:08:50+00:00

## Health v2 (maintenance only)
Score: 44/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 25, release rhythm 35, longevity 100
- inputs: {"age_days": 2135, "days_push": 455, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2493, forks 160 (observed 2026-08-28T04:06:56.569257+00:00)

## What it is
REAFLOW is a modular React diagram engine for building static or interactive workflow editors, flow charts, and node-based visualizations. It provides automatic layout via ELKJS with customizable nodes, edges, and ports.

## Use cases
- build a workflow editor in react
- render flowcharts from node and edge data
- create an interactive node-based diagram editor
- visualize pipelines with automatic layout
- drag and drop nodes and connect ports in a diagram
- add undo redo to a flow chart editor

## When to choose
- you need React-based flowcharts or workflow diagrams with automatic ELK layout
- you want customizable nodes, edges, and ports with drag-and-drop editing
- you need zooming, panning, selection, and undo/redo helpers out of the box

## When to avoid
- you need WebGL-scale network graphs with thousands of nodes (consider reagraph instead)
- your project is not React-based
- you need a full standalone diagramming application rather than a library

## Facets
- artifact type: library
- maturity: active
- function: ui-components, data-visualization
- domain: web-development, frontend, data-visualization
- platform: -
- tags: react, flowchart, diagram-editor, elkjs, node-editor, workflow-editor, web-server, nodejs

## Member repositories
- reaviz/reaflow (main) score 44

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:56.569257+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-30T02:27:36.789395+00:00, confidence not recorded.
  - readme: https://github.com/reaviz/reaflow (fetched 2026-08-28T04:06:56.569257+00:00, sha 17b2ad290ba5)
  - homepage: https://reaflow.dev (fetched 2026-08-29T10:09:34.462179+00:00, sha 5d458516e2b3)
- Data as of 2026-08-30T08:39:29.467469+00:00.