interactive diagramming / flow editors
A React-based interactive diagramming library for building flow and process diagrams with customizable nodes and edges.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose if you want an actively maintained React diagramming library with a hooks-based API.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose when building diagram editors in Vue 3 instead of React.
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.
Choose if you need a framework-agnostic diagramming library with rich features and no React dependency.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Choose if you need a mature, framework-agnostic SVG diagramming library with strong documentation.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose when building node editors in Angular.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
Choose if you need graph visualization with built-in layouts and interactions rather than flow-specific editing.
♾ A Graph Visualization Framework in JavaScript.
Choose if you need a commercial-grade diagramming library with support and are willing to pay.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Choose if you need a lightweight, dependency-free JavaScript flowchart editor that works on mobile/tablet.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Choose when building diagram editors in Blazor/C#.
A fully customizable and extensible all-purpose diagrams library for Blazor
Choose if you need a flow chart editing framework with strong business customization and non-React integration.
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Choose when you specifically need a sequential workflow editor component with zero dependencies.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
Choose if you want a declarative React flow chart library, but note it's unmaintained.
🌊 A flexible, stateless, declarative flow chart library for react.
Choose if you need an interactive graph editor, but it's archived and unmaintained.
A library to display an interactive editor for any graph-like data.
Choose if you need a flow layout diagramming library for React/Vue2/JS, but it's outdated.
🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
These projects were analysed and named react-diagrams among their alternatives. The relationship is not symmetric — how react-diagrams rates them is a separate judgement, made when react-diagrams is analysed in its own right.
calls react-diagrams “Choose it for a lightweight, React-based diagramming library when your project is already built on React.”
A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。
calls react-diagrams “Use it when you need a simple React-native diagramming library with an MIT license, less extensive than GoJS.”
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls react-diagrams “Choose if you're building a React app and want a simple component-based diagramming library, at the cost of less out-of-the-box layout/analysis.”
♾ A Graph Visualization Framework in JavaScript.
calls react-diagrams “Choose for React-based node/diagram editors with custom ports; it lacks network analysis.”
Graph theory (network) library for visualisation and analysis
calls react-diagrams “A React diagramming library; choose when building a React app and you need a lightweight programmable diagram editor.”
draw.io is a JavaScript, client-side editor for general diagramming.
calls react-diagrams “Use in React projects for a component-based diagramming API, but note its maintenance is stale.”
Visual connectivity for webapps
calls react-diagrams “Choose it when you want a minimalist React diagramming solution integrated with React rather than a standalone data model.”
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
calls react-diagrams “A React library specifically for node-link/flow diagrams; choose it when you only need diagram editing, not a freeform whiteboard or extensive tooling.”
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
calls react-diagrams “choose it for a legacy React codebase that wants a simple diagramming component; it is an older generation than modern flow editors.”
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.