React Flow is an open-source library for React, the JavaScript library for building web interfaces, made by the xyflow team, which also makes Svelte Flow. It builds node-based user interfaces: a canvas of nodes (boxes) joined by edges (lines), as in workflow builders, no-code apps, chatbot builders and data-processing tools.
A developer installs the npm package @xyflow/react and passes lists of nodes and edges to the ReactFlow component. Dragging nodes, zooming, panning, selecting several nodes and adding or removing elements are built in. Each node is an ordinary React component, so it can hold any interactive element, and it can be styled with Tailwind or plain CSS. Ready-made components add a background grid, a minimap, zoom controls, panels, node toolbars and node resizers, and hooks give the app access to the state of the flow.
The library is free under the MIT license. A paid React Flow Pro subscription funds its maintenance and gives access to Pro examples and templates, prioritized GitHub issues and direct support.