Showcase

See what you can build with React Flow

We've seen React Flow used to create data processing tools, chatbot builders, machine learning, musical synthesizers, and more. Explore some of our favorite projects from around the internet.

Shaderfrog screenshot
Shaderfrog

An engine-agnostic no-code shader editor and composer

Stripe Docs screenshot
Stripe Docs

Diagrams for process documentation with interactive nodes

Supabase Schema Visualizer screenshot
Supabase Schema Visualizer

Visualizes PostgreSQL table relations

Typeform screenshot
Typeform

Interactive tool to build and visualize complex survey logic

AppBlocks screenshot
AppBlocks

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

Arroyo screenshot
Arroyo

Distributed stream processing engine written in Rust

Attio Automations screenshot
Attio Automations

Build out workflows to automate common actions across CRM processes

Baseten screenshot
Baseten

Editor for orchestrating functions and integrations

Bit screenshot
Bit

Visualizer for component dependencies

Botfront screenshot
Botfront

No-code editor for creating dialog flows

Carto Workflows screenshot
Carto Workflows

data preparation & analysis for geo data

Cascade screenshot
Cascade

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

Chainner screenshot
Chainner

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

Comflow screenshot
Comflow

Framework for controlling robotic systems

Controllerlab screenshot
Controllerlab

Drag-and-drop tool for remapping input devices

Covalent screenshot
Covalent

Pythonic workflow orchestration platform for high-performance computing

Datablocks screenshot
Datablocks

Editor for exploring, analyzing and transforming data 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.

Domino screenshot
Domino

Open source platform for creating and monitoring advanced workflows.

Doubleloop screenshot
Doubleloop

Node-based dashboard builder to monitor business metrics

ffmpeg.guide screenshot
ffmpeg.guide

Node-based UI to create FFmpeg filter graphs

Flojoy screenshot
Flojoy

No CodePython Programming for Test, Measurement, & Control

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 data structures as a graph

LangFlow screenshot
LangFlow

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

Onesignal Journeys screenshot
Onesignal Journeys

Visual no-code workflow builder to automate messaging

Openmetadata screenshot
Openmetadata

Platform for metadata ingestion, exploration, and collaboration

OTelBin screenshot
OTelBin

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

Otterize screenshot
Otterize

Kubernetes Cluster Mapping

Patterns screenshot
Patterns

Visual platform with building blocks for developing AI applications

Primer screenshot
Primer

no-code commerce automation

Prismaliser screenshot
Prismaliser

Database schema visualiser for Prisma

Redata screenshot
Redata

Visual explorer to investigate anomalies, metrics, and schema changes in data

Retool Workflows screenshot
Retool Workflows

Visual workflow automation with code

Stack AI screenshot
Stack AI

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

Strelka UI screenshot
Strelka UI

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

Studio screenshot
Studio

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

Taktile screenshot
Taktile

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

threegn screenshot
threegn

In-browser procedural 3D graphics editor

Traverse screenshot
Traverse

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

TSDiagram screenshot
TSDiagram

Draft diagrams and plan code with TypeScript

Vislabs Workflow screenshot
Vislabs Workflow

White-label workflow builder template for custom development

VisualFlows.io screenshot
VisualFlows.io

Whiteboard and flow-maker

Your project here?

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

Open an issue on GitHub

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