# MrBlenny/react-flow-chart

🌊 A flexible, stateless, declarative flow chart library for react.

Repository: https://github.com/MrBlenny/react-flow-chart
Canonical: https://ross.abutalabs.com/products/react-flow-chart
Homepage: https://mrblenny.github.io/react-flow-chart/index.html
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, diagrams, diagram, flowchart, drag-and-drop, typescript, webpack4, styled-components
Last push: 2022-12-30T02:01:09+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 2857, "days_push": 1343, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1554, forks 305 (observed 2026-08-28T04:05:02.973644+00:00)

## What it is
A flexible, stateless, declarative flow chart library for React that renders draggable nodes, ports, and curved links. You control the chart state with any state management library (React, Redux, MobX) by passing state and hooking up callbacks.

## Use cases
- build a drag-and-drop flow chart editor in react
- create node-based pipeline or workflow diagrams
- render interactive diagrams with custom node and link components
- let users connect nodes via ports with curved links
- embed a read-only flow chart visualization in a react app
- build a visual automation or etl workflow builder

## When to choose
- you need a React flow chart with full control over state management
- you want customizable canvas, node, port, and link components
- you need a lightweight declarative diagram library with a stable npm release

## When to avoid
- you need undo/redo history or arrow heads on links (not implemented)
- you need extensive documentation (docs are incomplete)
- you are not using React or need a framework-agnostic diagram engine
- you need an actively developed project with frequent updates

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, state-management, animation
- domain: frontend, web-development, developer-tools, data-visualization
- platform: cross-platform
- tags: react, flowchart, diagrams, drag-and-drop, typescript, styled-components, node-editor, web-server, nodejs

## Member repositories
- MrBlenny/react-flow-chart (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:02.973644+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:30:04.340509+00:00, confidence not recorded.
  - readme: https://github.com/MrBlenny/react-flow-chart (fetched 2026-08-28T04:05:02.973644+00:00, sha e0d3389d17a8)
  - homepage: https://mrblenny.github.io/react-flow-chart/index.html (fetched 2026-08-29T11:30:33.042621+00:00, sha 72bfb7483127)
- Data as of 2026-08-30T08:39:29.467469+00:00.