choose it when you want a framework-agnostic SVG/HTML diagramming engine instead of a Vue 3 component.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
- 6.7k
- TypeScript
- MIT
interactive flowchart / node-based diagram editor
Vue Flow is an MIT-licensed Vue 3 component for building interactive flowchart/diagram editors, with draggable nodes, customizable edges, zoom/pan, minimap and controls.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
choose it when you want a framework-agnostic SVG/HTML diagramming engine instead of a Vue 3 component.
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
choose it for a non-Vue JavaScript project that needs a full SVG diagramming core and can accept MPL-2.0.
A proven SVG-based JavaScript diagramming library powering exceptional UIs
choose it when you are building the same kind of flow editor in React instead of Vue 3.
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
choose it when you need a broad, commercially supported diagramming library and can pay for its license.
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
choose it when you want a no-dependency, touch-friendly vanilla-JS flowchart editor rather than a Vue 3 component.
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
choose it when you are on Angular and need an Angular-native node editor.
Angular-native node editor library for production workflow builders, AI pipelines, and interactive diagram editors. MIT licensed.
choose it when your application is in Blazor/C# and still needs a customizable diagramming component.
A fully customizable and extensible all-purpose diagrams library for Blazor
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 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 it for a legacy React codebase that wants a simple diagramming component; it is an older generation than modern flow editors.
a super simple, no-nonsense diagramming library written in react that just works
choose it when you need a ready-made sequential workflow builder with zero external dependencies rather than a generic freeform flowchart editor.
Customizable no-code component for building flow-based programming applications or workflow automation. 0 external dependencies. Check out https://nocode-js.com
choose it for a tiny vanilla-JS flow builder if you can tolerate an unmaintained, minimal library.
The minimal javascript library to create flowcharts ✨
choose it when you already have your own node DOM and only need visual connection management; it is a lower-level, narrower connectivity library.
Visual connectivity for webapps
These projects were analysed and named vue-flow among their alternatives. The relationship is not symmetric — how vue-flow rates them is a separate judgement, made when vue-flow is analysed in its own right.
calls vue-flow “Use when building a Vue 3 application and want a flowchart component with zoom/pan and minimap built in.”
The minimal javascript library to create flowcharts ✨
calls vue-flow “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 flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。
calls vue-flow “Use it when building a Vue 3 app and you want an MIT-licensed interactive flowchart component with pan/zoom and minimap instead of GoJS's framework-agnostic API.”
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
calls vue-flow “Vue 3 flowchart component with zoom/pan; choose when your stack is Vue and you need interactive diagrams.”
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
calls vue-flow “Choose for Vue 3 apps needing a customizable flowchart editor with built-in pan/zoom/minimap, but it's Vue-only and less general than G6.”
♾ A Graph Visualization Framework in JavaScript.
calls vue-flow “Choose for Vue 3 flowchart/node-editor UIs; not a general graph-analysis library.”
Graph theory (network) library for visualisation and analysis
calls vue-flow “Choose when building diagram editors in Vue 3 instead of React.”
a super simple, no-nonsense diagramming library written in react that just works
calls vue-flow “Choose it for a Vue 3 interactive flow editor with pan, zoom, and minimap support.”
Draws simple SVG flow chart diagrams from textual representation of the diagram
calls vue-flow “Use in Vue 3 applications when you want a ready-made node editor component.”
Visual connectivity for webapps
calls vue-flow “Choose it for a Vue 3 project that wants a Vue-native component/state flow rather than X6's framework-agnostic engine.”
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.