An open-source library for building node-based graphs and workflows in React, providing components for dragging nodes, creating connections, zooming/panning, managing node data, and custom styling.
Reactflow is an open-source library for building node-based graphs and workflows in React. It provides out-of-the-box components for quickly getting started with draggable nodes, creating connections between them, zooming and panning the viewport, managing node data, and custom styling.
Some key features of Reactflow include:
Reactflow is well-suited for building workflow editors, DAGs, data flow UIs, architectural diagrams, and other node-based graphs. It abstracts away the DOM manipulation and canvas drawing code, making it simple to get started. And it provides a flexible entity-component architecture to customize nodes and edges.
Reactflow has a small footprint at around 15kB gzipped. It has no external dependencies beyond React. And it supports both modern browsers as well as mobile devices.
In summary, Reactflow is the easiest way to get started building node-based graphs in React. Its flexibility makes it great for workflows, data visualizations, design tools, and more.
Here are some alternatives to Reactflow:
Suggest an alternative ❐