projectstorm/react-diagrams

Health v2 · maintenance only

Adoption not part of the score

9423 stars · 1185 forks observed · 2026-08-28

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

A diagramming library for React written in TypeScript for building flow and process-oriented diagrams with draggable nodes and links. It is modular, extensible, and treats HTML nodes as first-class citizens for complex interactive node UIs.

Use cases

• build a node-based flowchart editor in react
• create a visual workflow builder with draggable nodes
• embed an editable diagram canvas in a web app
• build a node graph editor like unreal blueprints
• let users rewire program logic visually at runtime
• render interactive process diagrams with custom html nodes

When to choose

• you need fast, editable node-and-link diagrams in a React app
• you want highly customizable nodes using HTML instead of pure SVG
• you need an extensible, modular diagramming core you can rewire

When to avoid

• you need static, non-interactive diagram rendering only
• your project does not use React
• you need mature documentation out of the box, since docs are still a work in progress

Facets

library · maturity active

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

Member repositories

For agents

markdown · JSON · MCP: product_card(name="projectstorm/react-diagrams")