AwesomeDataviz

xyflow

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

Website GitHubnpm
GitHub stars
38.6K#11 in the directory
npm downloads / week
15.2M
Commits, last 12 months
510
Contributors
138
Last commit
Latest release
@xyflow/svelt…Sep 24, 2026

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.

Its GitHub description: React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.

GitHub topics: flowchartgraphtypescript-libraryreacttypescriptnode-based-uiworkflowjavascriptreact-flowsveltesvelte-flow

Install

npm
npm install @xyflow/react
v12.12.0

Development activity

Commits per month to the default branch over the last 12 complete months.

050100150 Oct 2025 Nov Dec Jan 2026 Feb Mar Apr May Jun Jul Aug Sep
050100150 Oct 2025 Jan 2026 Apr Jul
510 commits from Oct 2025 to Sep 2026.
Show data as a table
MonthCommits
Oct 2025132
Nov 202532
Dec 202526
Jan 202619
Feb 202617
Mar 202643
Apr 20267
May 202676
Jun 202659
Jul 202623
Aug 202666
Sep 202610

Popularity among JavaScript graph & network visualization libraries

xyflow 38.6K G6 12.3K Sigma.js 12.2K Cytoscape.js 11.2K Vue Flow 6.9K X6 6.7K 3d-force-graph 6.4K
xyflow 38.6K G6 12.3K Sigma.js 12.2K Cytoscape.js 11.2K Vue Flow 6.9K X6 6.7K 3d-force-graph 6.4K
GitHub stars for xyflow and the most-starred alternatives.
Show data as a table
ToolStars
xyflow38,582
G612,323
Sigma.js12,180
Cytoscape.js11,232
Vue Flow6,888
X66,716
3d-force-graph6,433

Alternatives to xyflow

  • G6

    Graph visualization library powered by Javascript & Typescript, maintained by Alibaba

    12.3K starsTypeScriptMITxyflow vs G6

  • Sigma.js

    JavaScript library dedicated to graph drawing.

    12.2K starsTypeScriptMITxyflow vs Sigma.js

  • Cytoscape.js

    JavaScript library for graph drawing maintained by Cytoscape core developers.

    11.2K starsJavaScriptMITxyflow vs Cytoscape.js

  • Vue Flow

    Flowchart and node-based graph component for Vue 3.

    6.9K starsTypeScriptMITxyflow vs Vue Flow

  • X6

    Diagramming library for DAGs, ER diagrams, flowcharts and other graph editors, maintained by Alibaba.

    6.7K starsTypeScriptMIT

  • 3d-force-graph

    3D force-directed graph component using Three.js/WebGL.

    6.4K starsHTMLMIT

More comparisons: G6 vs xyflow · Sigma.js vs xyflow · Cytoscape.js vs xyflow · Vue Flow vs xyflow

xyflow FAQ

Is xyflow open source?

Yes. xyflow is released under the MIT license, and its source code is on GitHub.

Is xyflow still maintained?

Yes. xyflow is actively developed, with 510 commits in the last 12 months and the latest commit 10 days ago.

How do I install xyflow?

From npm: npm install @xyflow/react.

What are the best alternatives to xyflow?

The most popular alternatives listed in JavaScript graph & network visualization libraries are G6, Sigma.js, and Cytoscape.js. See the full ranking.

What language is xyflow written in?

xyflow is primarily written in TypeScript, according to GitHub.

Data: GitHub API, npm. Updated Oct 4, 2026.