React Flow 12.4.1 - React Flow

Skip to Content

🚨 New Example: Handling Node Collisions!

React Flow

Learn Reference Examples UI Showcase

- Introduction
- - AI Workflow Editor
  - Workflow Editor
- - Node Utilities
  - Base Node
  - Status Indicator
  - Appendix
  - Tooltip
  - Custom Nodes
  - Database Schema
  - Placeholder
  - Labeled Group
  - Handles
  - Base Handle
  - Labeled Handle
  - Button Handle
  - Custom Edges
  - Edge with Button
  - Edge with Node Data
  - Animated SVG Edge
  - Controls
  - Node Search
  - Zoom Slider
  - Zoom Select
  - Misc
  - DevTools
- Request a Component
Showcase

On This Page

Patch Changes

Edit this page on GitHub

Questions? Contact Us

What's new?

React Flow 12.10.0 React Flow UI Components updated to React 19 and Tailwind CSS 4 React Flow 12.9.0 ...and more!

React Flow Playground

Explore different props, options and layout algorithms in our interactive playground

2025-01-16

React Flow 12.4.1

✌️

Patch Changes

#4949 Fix useNodeConnection hook not returning all connected edges.

2025-01-21

React Flow 12.4.2

2025-01-15

React Flow 12.4.0

Get Pro examples, prioritized bug reports, 1:1 support from the maintainers, and more with React Flow Pro

Last updated on December 4, 2025

A project by the xyflow team

We are building and maintaining open source software for node-based UIs since 2019.

Docs

Getting Started API Reference Examples Components Showcase Playground

Social

Discord Github X / Twitter Bluesky

xyflow

Blog Open Source About Contact Careers

Legal

MIT License Code of Conduct Imprint

info@xyflow.com — Copyright © 2026 webkid GmbH. All rights reserved — website design by Facu Montanaro