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


Auto Layout
Automatic layouting for nodes after adding new items.

Collaborative
Real-time collaboration for multiple users based on yjs.

Copy and Paste
Copy and paste functionality for selected of nodes.

Dynamic Grouping
Group nodes together by dragging them into the same container.

Editable Edge
Custom edges with draggable control points.

Expand and Collapse
Hierarchical flow with collapsible node trees.

Force Layout
Force based node positioning that prevents overlapping.

Helper Lines
Visual guides and snapping for nodes while dragging.

Shapes
Custom nodes in various shapes commonly used in flowcharts.

Undo and Redo
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