# xyflow

> React Flow and Svelte Flow: libraries for building node-based editors, flow charts and interactive diagrams.

- Category: [JavaScript graph & network visualization libraries](https://awesomedataviz.com/categories/javascript-graph-visualization/)
- Website: https://xyflow.com
- Repository: https://github.com/xyflow/xyflow
- License: MIT
- Language: TypeScript
- Status: Active (commits in the last 90 days)
- GitHub stars: 38,582
- Commits in the last 12 months: 510
- Contributors: 138
- Last commit: Sep 24, 2026
- Latest release: @xyflow/svelte@1.7.0 (Sep 24, 2026)
- Install (npm): `npm install @xyflow/react`, 15.2M downloads per week
- Topics: Graph & network visualization, Diagrams & diagrams as code

## Overview

xyflow is an open-source JavaScript graph visualization library released under the MIT license. Its GitHub repository has 38,582 stars, 2,541 forks, and 138 contributors. It is actively developed with 510 commits in the last 12 months. The latest release, @xyflow/svelte@1.7.0, was published on Sep 24, 2026. On npm it is downloaded about 15.2M times per week.

## Alternatives

- [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)
- [Vue Flow](https://awesomedataviz.com/tools/vue-flow/): Flowchart and node-based graph component for Vue 3. (6.9K 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

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

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