Vue Flow vs xyflow
A data-driven comparison of two JavaScript graph & network visualization libraries: popularity, development activity, licensing and installation. Updated .
Key differences
- xyflow has 5.6× as many GitHub stars as Vue Flow (38.6K vs 6.9K).
- xyflow had more development activity over the last 12 months: 510 commits vs 22.
- xyflow is downloaded 22× as often on npm (15.2M vs 705.2K per week).
- Both are released under the MIT license.
- xyflow is the older project: its repository was created in 2019, Vue Flow's in 2021.
By the numbers
- Vue Flow
- xyflow
Show data as a table
| Metric | Vue Flow | xyflow |
|---|---|---|
| GitHub stars | 6,888 | 38,582 |
| npm downloads / week | 705,203 | 15,244,142 |
| Commits, last 12 months | 22 | 510 |
| Contributors | 29 | 138 |
| Forks | 413 | 2,541 |
Development activity
Commits per month to each default branch, last 12 complete months.
- Vue Flow
- xyflow
Show data as a table
| Month | Vue Flow | xyflow |
|---|---|---|
| Oct 2025 | 5 | 132 |
| Nov 2025 | 6 | 32 |
| Dec 2025 | 4 | 26 |
| Jan 2026 | 5 | 19 |
| Feb 2026 | 0 | 17 |
| Mar 2026 | 0 | 43 |
| Apr 2026 | 0 | 7 |
| May 2026 | 1 | 76 |
| Jun 2026 | 1 | 59 |
| Jul 2026 | 0 | 23 |
| Aug 2026 | 0 | 66 |
| Sep 2026 | 0 | 10 |
Side by side
| Attribute | Vue Flow | xyflow |
|---|---|---|
| Description | Flowchart and node-based graph component for Vue 3. | React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams. |
| Category | JavaScript graph & network visualization libraries | JavaScript graph & network visualization libraries |
| License | MIT | MIT |
| Language | TypeScript | TypeScript |
| Status | Maintained | Active |
| Latest release | v1.48.2 () | @xyflow/svelte@1.7.0 () |
| Last commit | ||
| Repository created | ||
| Open issues | 12 | 90 |
| Install | npm install @vue-flow/core | npm install @xyflow/react |
Which should you choose?
Popularity and activity are only part of the story. Consider which ecosystem you work in, the chart types and interactions you need, how much data you render, and whether the license fits your project. Both tool pages list alternatives if neither is quite right.