bcakmakoglu/vue-flow

Health v2 · maintenance only

Adoption not part of the score

6804 stars · 409 forks observed · 2026-08-28

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

Vue Flow is a highly customizable flowchart and node-based graph component library for Vue 3, written in TypeScript. It provides built-in zoom, pan, dragging, and selection features, plus additional components like a Minimap, Background, Controls, and NodeToolbar.

Use cases

• build interactive flowcharts in a Vue 3 app
• create a node-based visual editor with draggable nodes and edges
• visualize workflows or pipelines as diagrams
• render interactive graphs with zoom, pan, and minimap
• build custom diagram editors with custom node and edge types
• create nested graphs and complex flow visualizations

When to choose

• you need an interactive flowchart or node-graph editor in a Vue 3 project
• you want customizable nodes, edges, and connection lines with reactive rendering
• you need out-of-the-box features like minimap, controls, background patterns, and zoom/pan
• you prefer a fully typed TypeScript library with composables for advanced state control

When to avoid

• your project uses React (use React Flow instead) or another framework without Vue 3
• you only need static, non-interactive diagram images rather than editable graphs
• you need a full standalone diagramming application rather than an embeddable component
• you must support Vue 2 without a compatibility path

Facets

library · maturity active

ui-components frontend-framework data-visualization state-management web-development frontend data-visualization developer-tools cross-platform vue3 flowchart diagrams node-based-editor graph-editor minimap interactive-graphs typescript web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="bcakmakoglu/vue-flow")