# Vue Flow

> Flowchart and node-based graph component for Vue 3.

- Category: [JavaScript graph & network visualization libraries](https://awesomedataviz.com/categories/javascript-graph-visualization/)
- Website: https://vueflow.dev
- Repository: https://github.com/bcakmakoglu/vue-flow
- License: MIT
- Language: TypeScript
- Status: Maintained (commits in the last 12 months)
- GitHub stars: 6,888
- Commits in the last 12 months: 22
- Contributors: 29
- Last commit: Jun 23, 2026
- Latest release: v1.48.2 (Jan 28, 2026)
- Install (npm): `npm install @vue-flow/core`, 705.2K downloads per week
- Topics: Graph & network visualization, Diagrams & diagrams as code

## Overview

Vue Flow is an open-source JavaScript graph visualization library released under the MIT license. Its GitHub repository has 6,888 stars, 413 forks, and 29 contributors. It is maintained with 22 commits in the last 12 months; the most recent commit was on Jun 23, 2026. The latest release, v1.48.2, was published on Jan 28, 2026. On npm it is downloaded about 705.2K times per week.

## Alternatives

- [xyflow](https://awesomedataviz.com/tools/xyflow/): React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams. (38.6K stars)
- [G6](https://awesomedataviz.com/tools/g6/): Graph visualization library powered by Javascript & Typescript, maintained by Alibaba (12.3K stars)
- [Sigma.js](https://awesomedataviz.com/tools/sigma-js/): JavaScript library dedicated to graph drawing. (12.2K stars)
- [Cytoscape.js](https://awesomedataviz.com/tools/cytoscape-js/): JavaScript library for graph drawing maintained by Cytoscape core developers. (11.2K stars)
- [X6](https://awesomedataviz.com/tools/x6/): Diagramming library for DAGs, ER diagrams, flowcharts and other graph editors, maintained by Alibaba. (6.7K stars)
- [3d-force-graph](https://awesomedataviz.com/tools/3d-force-graph/): 3D force-directed graph component using Three.js/WebGL. (6.4K stars)

## Comparisons

- [Vue Flow vs xyflow](https://awesomedataviz.com/compare/vue-flow-vs-xyflow/)
- [G6 vs Vue Flow](https://awesomedataviz.com/compare/g6-vs-vue-flow/)
- [Sigma.js vs Vue Flow](https://awesomedataviz.com/compare/sigma-js-vs-vue-flow/)
- [Cytoscape.js vs Vue Flow](https://awesomedataviz.com/compare/cytoscape-js-vs-vue-flow/)

Source: https://awesomedataviz.com/tools/vue-flow/ · Data updated 2026-10-04 · Content: CC BY 4.0, Awesome Dataviz (https://awesomedataviz.com).