We just launched Svelte Flow!

React Flow

LearnLearnReferenceReferenceExamplesExamples
React Flow Pro

Tutorials

Learn more with tutorials

Our tutorials provide step-by-step instructions for building MVP apps like mindmaps and audio playgrounds.

Integrating React Flow and the Web Audio API screenshot

Integrating React Flow and the Web Audio API

Hayleigh Thompson
Developer Relations

Today we'll be looking at how to create an interactive audio playground using React Flow and the Web Audio API. We'll start from scratch, first learning about the Web Audio API before looking at how to handle many common scenarios in React Flow: state management, implementing custom nodes, and adding interactivity.

Read more
Build a Mind Map App with React Flow screenshot

Build a Mind Map App with React Flow

Moritz Klack
xyflow

In this tutorial, you will learn to create a simple mind map tool with React Flow that can be used for brainstorming, organizing an idea, or mapping your thoughts in a visual way. To build this app, we'll be using state management, custom nodes and edges, and more.

Read more

Get Pro examples, prioritized bug reports, 1:1 support from the maintainers, and more with React Flow Pro

React Flow Pro

A project by the xyflow team

We are building and maintaining open source software for node-based UIs since 2019.

React Flow

Quickstart GuideAPI ReferenceExamplesShowcaseReact Flow Pro

Community

DiscordGithubMastodonBluesky

xyflow

BlogOpen SourceAboutContact

Legal

MIT LicenseCode of ConductImprint

info@xyflow.com — Copyright © 2023 webkid GmbH. All rights reserved — website design by Facu Montanaro