AltHub

bcakmakoglu/vue-flow Alternatives

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.

6.8kTypeScriptMITactive · last push 3mo agoGitHub

Same job, different approach

Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.

antvis/X6GitHub

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
active2mo ago
clientIO/jointGitHub

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

5.4k
JavaScript
MPL-2.0
active2mo ago
reaviz/reaflowGitHub

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.

2.5k
TypeScript
Apache-2.0
slowing1.4y ago
NorthwoodsSoftware/GoJSGitHub

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.

8.5k
JavaScript
NOASSERTION
active3mo ago
AlexeyBoiko/DgrmJSGitHub

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.

1.1k
JavaScript
Apache-2.0
active4mo ago
Foblex/f-flowGitHub

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.

521
TypeScript
MIT
active2mo ago
Blazor-Diagrams/Blazor.DiagramsGitHub

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

1.4k
C#
MIT
slowing8mo ago
didi/LogicFlowGitHub

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、工作流等各种图编辑场景。

11.7k
TypeScript
Apache-2.0
active3mo ago

Older generation, or narrower

An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.

projectstorm/react-diagramsGitHub

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

9.4k
TypeScript
MIT
slowing1.5y ago
nocode-js/sequential-workflow-designerGitHub

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

1.5k
TypeScript
MIT
active3mo ago
alyssaxuu/flowyGitHub

choose it for a tiny vanilla-JS flow builder if you can tolerate an unmaintained, minimal library.

The minimal javascript library to create flowcharts ✨

12.1k
JavaScript
MIT
dormant2.3y ago
jsplumb/jsplumbGitHub

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

7.8k
none
dormant2.0y ago

Listed as an alternative to

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.

alyssaxuu/flowyGitHub

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 ✨

12.1kJavaScriptdormant
didi/LogicFlowGitHub

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、工作流等各种图编辑场景。

11.7kTypeScriptactive
NorthwoodsSoftware/GoJSGitHub

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.

8.5kJavaScriptactive
mermaid-js/mermaidGitHub

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

90.0kTypeScriptactive
antvis/G6GitHub

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.

12.3kTypeScriptactive
cytoscape/cytoscape.jsGitHub

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

11.2kJavaScriptactive
projectstorm/react-diagramsGitHub

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

9.4kTypeScriptslowing
adrai/flowchart.jsGitHub

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

8.7kJavaScriptslowing
jsplumb/jsplumbGitHub

calls vue-flow “Use in Vue 3 applications when you want a ready-made node editor component.”

Visual connectivity for webapps

7.8kdormant
antvis/X6GitHub

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.

6.7kTypeScriptactive