flowchart / diagram editing library
LogicFlow is a TypeScript flowchart editing framework for building customizable, interactive diagram editors (flowcharts, mind maps, ER/UML, BPMN) in web applications, with plugins and data conversion.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose it when you are willing to pay for a commercial license and want a mature, framework-agnostic JavaScript diagramming library with advanced default editing interactions.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Choose it when your application is already Vue 3 and you want a native flowchart component with built-in mini-map and viewport controls.
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 it when you want a maintained Apache-2.0 JavaScript diagramming library with HTML/SVG rendering and strong support for custom flow editors.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Choose it when you need a proven SVG diagramming library with many prebuilt shapes and are comfortable with MPL-2.0 licensing.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
Choose it for a React-oriented Apache-2.0 TypeScript workflow/diagram editor component with a component-based API.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
Choose it when you need a no-dependency, plain-JavaScript flowchart editor that can be included without a heavyweight bundler.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
Choose it for an Angular-native node editor with Angular templates and change detection for workflow or AI pipeline builders.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
Choose it for a lightweight, React-based diagramming library when your project is already built on React.
a super simple, no-nonsense diagramming library written in react that just works
Choose it for an Angular-first signals/templates approach to interactive diagrams and workflow builders.
ngDiagram – open-source Angular library for interactive diagrams, node-based editors, and workflow builders. Angular-first: signals and templates.
Choose it for Angular 16+ node-based UIs when you want native Angular components instead of integrating a framework-agnostic JS library.
An open source library to build node-based UI with Angular 16+
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it if you are building in Blazor/.NET and need a native C# diagramming component instead of a JavaScript library.
A fully customizable and extensible all-purpose diagrams library for Blazor
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Older JavaScript/React/Vue2 diagram library focused on simple flow layout; only a useful swap for legacy or very basic flow-layout needs.
🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)
Outdated SVG flowchart drawing component with JSON import/export, useful only for very simple legacy renderings.
svg实现流程图绘制，导入导出json [正在重构项目flowchart-vue]，地址:
Older stateless React flow-chart component that may still serve simple React rendering but is not actively maintained.
🌊 A flexible, stateless, declarative flow chart library for react.
Legacy jQuery plugin for drawing flowcharts, only relevant for old jQuery codebases with limited needs.
JQuery plugin that allows you to draw a flow chart.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
Windows desktop drawing application for flowcharts and diagrams, not an embeddable library.
PDDON windows client, PDDON is a daily drawing tool that supports low code for learning or office use. It can be used for flowchart, mind map, UML diagram, ER diagram, network topology diagram, BPMN, Venn diagram, database model diagram, whiteboard drawing, infinite canvas, and more
Full self-hosted diagramming application/editor, not an embeddable library for use inside another codebase.
draw.io is a JavaScript, client-side editor for general diagramming.
Online/general drawing application with flowchart capabilities, not a developer-facing embeddable framework.
ioDraw is a free online drawing software, which is used to make flow chart, mind map, Gantt chart, whiteboard, mermaid, poster, and more—no registration required. It also features AI-generated charts.
These projects were analysed and named LogicFlow among their alternatives. The relationship is not symmetric — how LogicFlow rates them is a separate judgement, made when LogicFlow is analysed in its own right.
calls LogicFlow “Choose it when you want a flowchart-focused Apache-2.0 editing framework with LogicFlow's plugin ecosystem rather than X6's more general graph engine.”
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
calls LogicFlow “Choose if you need a flow chart editing framework with strong business customization and non-React integration.”
a super simple, no-nonsense diagramming library written in react that just works
calls LogicFlow “Choose as a customizable flowchart-editing framework for embedding in your app rather than using draw.io's standalone editor.”
draw.io is a JavaScript, client-side editor for general diagramming.
calls LogicFlow “choose it when you need a framework-agnostic flow graph editor with business diagram variants such as BPMN/ER/UML instead of a Vue-specific API.”
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.