Showcase

Built with React Flow

React Flow is used in all kinds of projects, from open-source side projects to big enterprise apps. Explore some of our favorite examples from the web.

Attio screenshot

Attio

Build out workflows to automate common actions across CRM processes

OneSignal screenshot

OneSignal

OneSignal Journeys is a visual no-code workflow builder to automate messaging

Stripe screenshot

Stripe

Stripe uses React Flow to enhance their documentation with Flowcharts

Typeform screenshot

Typeform

Interactive tool to build and visualize complex survey logic

LangFlow screenshot

LangFlow

Build apps with a drag and drop user interface powered by LangChain

Primer screenshot

Primer

No-code workflow builder for payment and commerce automation

Carto

Improving Carto's end-user experience with React Flow Pro examples

Our customers can solve their spatial problems thanks to our data catalog and analytical tools. We are using React Flow for our Workflows tool, which is our main visual tool to automate data preparation & analysis pipelines

Read Case Study Project Website

Improving Carto's end-user experience with React Flow Pro examples

simple-ai screenshot

simple-ai

An open-source library of AI-focused UI components, app blocks, and React Flow workflows designed to accelerate development.

Stack screenshot

Stack

Tool for integrating AI with data sources and build AI based automations.

Taktile screenshot

Taktile

Build, run, and evaluate automated decision flows and risk models

Unify screenshot

Unify

Tool for building workflows to power GTM outbound sales strategies.

Chainner screenshot

Chainner

Node-based UI for chaining image processing workflows powered by neural networks

ChartDB screenshot

ChartDB

Open-source database diagrams editor, visualize and design your DB with a single query.

DoubleLoop

Tracking business goals with React Flow-powered maps

React Flow is the majority of our core user experience. Our users interact with all the of the domain objects in our system via the React Flow pages. We have been leveling up our overall set of to feel as natural as FigJam and Miro.

Read Case Study Project Website

Tracking business goals with React Flow-powered maps

FlowiseAI screenshot

FlowiseAI

Drag & drop UI to build customized LLM flows

Geoplex screenshot

Geoplex

Tool for creating automated workflows for geo data processing tasks

JSON Sea screenshot

JSON Sea

Import JSON files to visualize their data structure in a React Flow graph

Open Metadata screenshot

Open Metadata

Platform for metadata ingestion, exploration, and collaboration

Retool screenshot

Retool

Interactive workflow builder to connect all your data from APIs, Services and Databases

Supabase screenshot

Supabase

Visualizes PostgreSQL table relations

Hubql

Flexible data model visualization with Hubql and React Flow

We were seeking a React library that helps us to turn data models into visualization without spending too much time building abstractions and interactive elements. To save time in development we opted for a stable, mature and feature-rich library that we can extend with custom rendering options.

Read Case Study Project Website

Flexible data model visualization with Hubql and React Flow

Vestige screenshot

Vestige

A generative music synthesizer, inspired by analog modular synthesizers

AppBlocks screenshot

AppBlocks

Drag and Drop Node Based Editor to Design Firmware for IoT Devices

Controller Lab screenshot

Controller Lab

Drag-and-drop tool for remapping input devices

Domino screenshot

Domino

Open source platform for creating and monitoring advanced workflows.

Flojoy screenshot

Flojoy

No CodePython Programming for Test, Measurement, & Control

Heuristica screenshot

Heuristica

AI-powered mind maps and concept maps for visual learning, thinking and research.

OneSignal

Automating OneSignal's customer engagement with a React Flow workflow builder

OneSignal is a customer engagement platform, we send over 12 billion messages daily... After finding React Flow and creating an early proof of concept, it was a no brainer that we would use this over building something from scratch.

Read Case Study Project Website

Automating OneSignal's customer engagement with a React Flow workflow builder

Shaderfrog screenshot

Shaderfrog

An engine-agnostic no-code shader editor and composer

Agentok screenshot

Agentok

Visual tools for multi-agent development built on Microsoft’s AutoGen framework

Ameliorate screenshot

Ameliorate

A flowchart builder to solve problems efficiently.

Arroyo screenshot

Arroyo

Distributed stream processing engine written in Rust

Bit Cloud screenshot

Bit Cloud

Visualizer for component dependencies and hierarchies

Cascade screenshot

Cascade

No-code data transformation toolkit for translating data into tables, charts or interactive apps

CircuLearn screenshot

CircuLearn

An interactive simulator designed to teach and demonstrate fundamental concepts in logic circuits.

Datablocks screenshot

Datablocks

Editor for exploring, analyzing and transforming data. Built by the creators of React Flow.

Dify screenshot

Dify

An open-source LLM app development platform

Docugram screenshot

Docugram

App that transforms documents into dynamic flow charts.

Graphologue screenshot

Graphologue

Convert text-based responses from LLMs into graphical diagrams in real time

Ideation Studio screenshot

Ideation Studio

Inspiration board where users can add media and text to a canvas

Liam ERD screenshot

Liam ERD

App for generating ER diagrams from a database.

OTelBin screenshot

OTelBin

Web-based tool to facilitate OpenTelemetry collector configuration editing and verification

Prismaliser screenshot

Prismaliser

Database schema visualiser for Prisma

Strelka UI screenshot

Strelka UI

File analysis interface for Strelka to upload and review file details, highlights, and metadata.

ToolJet screenshot

ToolJet

Open source platform to create AI-powered business apps and automations

Traverse screenshot

Traverse

Learning tool with Mindmaps, note-taking, and spaced repetition flashcards

TSDiagram screenshot

TSDiagram

Create relational diagrams of Typescript objects

Vislabs Workflow screenshot

Vislabs Workflow

White-label workflow builder template for custom development

VisualFlows screenshot

VisualFlows

Interactive whiteboard and flowchart designer for sitemaps

Flyff Skill Simulator screenshot

Flyff Skill Simulator

A simulator for planning, experimenting and visualizing skills built in the Flyff Universe server

Your project here?

Have you built something exciting you want to show off? We want to feature it here!

Submit your project

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