# React Flow

Tool · [Standard tools and platforms](https://ecosystem.samcarlton.com/tools)

Also called: ReactFlow, xyflow

An [open-source](https://ecosystem.samcarlton.com/open-source) [React](https://ecosystem.samcarlton.com/react) library for building node-based diagrams and editors, where people drag boxes onto a canvas and connect them with lines.

**For example:** A startup uses React Flow to let customers draw their approval workflow as connected boxes.

Official site: <https://reactflow.dev>

## Connects to (4)

- [Tech stack](https://ecosystem.samcarlton.com/tech-stack): The set of programming languages and tools a product is built with.
- [React](https://ecosystem.samcarlton.com/react): A JavaScript library for building user interfaces out of reusable pieces called components.
- [Open source](https://ecosystem.samcarlton.com/open-source): Software whose code is published for anyone to read, use and build on, under a license that sets the rules for doing so.
- [Mermaid](https://ecosystem.samcarlton.com/mermaid): An open-source tool that draws diagrams, such as flowcharts and system maps, from short text descriptions.

Map view: https://ecosystem.samcarlton.com/react-flow