MrBlenny/react-flow-chart

Health v2 · maintenance only

Adoption not part of the score

1554 stars · 305 forks observed · 2026-08-28

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

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

library · maturity maintenance

ui-components state-management animation frontend web-development developer-tools data-visualization cross-platform react flowchart diagrams drag-and-drop typescript styled-components node-editor web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="MrBlenny/react-flow-chart")