Introduction

React Flow is a library for building node-based applications. These can be simple static diagrams or complex node-based editors. You can implement custom node types and edge types and it comes with components like a mini-map and graph controls. Feel free to check out the examples or read the blog post to get started.

Key Features

Easy to use: Seamless zooming & panning behaviour and single and multi-selections of elements
Customizable: Different node and edge types and support for custom nodes with multiple handles and custom edges
Fast rendering: Only nodes that have changed are re-rendered and only those that are in the viewport are displayed
Utils: Snap-to-grid and graph helper functions
Components: Background, Minimap and Controls
Reliable: Written in Typescript and tested with cypress

Edit this page

current version: 9.6.9