DEV Community

Cover image for Wire Your Ideas With React Flow
chandra penugonda
chandra penugonda

Posted on

Wire Your Ideas With React Flow

React Flow is a library for building node-based applications. These can be simple static diagrams or complex editors. You can implement custom node types and edge types and it comes with components like a mini-map and graph controls.

example

Key Features

  1. Easy to use: Seamless zooming & panning behaviour and single and multi-selections of nodes and edges
  2. Customizable: Different node and edge types and support for custom nodes with multiple handles and custom edges
  3. Fast rendering: Only nodes that have changed are re-rendered and only those that are in the viewport are displayed
  4. Hooks and Utils: Hooks for handling nodes, edges and the viewport and graph util functions
  5. Plugin Components: Background, MiniMap and Controls
  6. Reliable: Written in Typescript and tested with cypress

website
docs

Top comments (2)

Collapse
 
the_yamiteru profile image
Yamiteru

Really nice library! Do you know of any apps that already use this?

Collapse
 
johnrobbjr profile image
John Robb

Here's a list of a few :) reactflow.dev/showcase/