Feature-complete and crafted by the core team
Step-by-step instructions on how each example works
Subscribers are the first to get new pro examples and refactors
Download the pro examples and use them anywhere, anytime


Automatic layouting for nodes after adding new items.

Real-time collaboration for multiple users based on yjs.

Copy and paste functionality for selected of nodes.

Group nodes together by dragging them into the same container.

Custom edges with draggable control points.

Hierarchical flow with collapsible node trees.

Force based node positioning that prevents overlapping.

Visual guides and snapping for nodes while dragging.

Custom nodes in various shapes commonly used in flowcharts.

A tiny app that shows how to use React Flow to statically generate a flow.

Undo and redo for add, delete, connect, and position nodes and edges.
Get Started
Boost your apps with React Flow Pro
Get all 10 pro examples with just one month of a Pro subscription from 129€
For education purposes
Email us at info@xyflow.com using your university email address
For non-commercial open source projects
Contact us with the link to the github or gitlab repository