React Flow
Github Stars
Weekly Installs
License
React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro.
Getting Started with React Flow
Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via:
npm install reactflow
The things you need are already there: dragging nodes, zooming, panning, selecting multiple nodes, and adding/removing elements are all built-in.
React Flow nodes are simply React components, ready for your interactive elements. We play nice with Tailwind and plain old CSS.
Make more advanced apps with the Background, Minimap, Controls, Panel, NodeToolbar, and NodeResizer components.
Used By
Project Showcase
From solo open-source developers, to companies like Stripe and Typeform. We’ve seen the library used for data processing tools, chatbot builders, machine learning, musical synthezisers, and more.
Stripe Docs
Diagrams for process documentation with interactive nodes
DoubleLoop
Node-based dashboard builder to monitor business metrics
TypeForm
Interactive tool to build and visualize complex survey logic
We are Christopher, Hayleigh, John, Peter and Moritz. We are the maintainers of React Flow, Svelte Flow, and the communities around them
A customizable Svelte component for building node-based editors and interactive diagrams
The team behind React Flow and Svelte Flow. Read updates and blog posts from us and about how we approach open source development.