VisualFlowExamples
Interactive React Flow examples.
Real, runnable diagrams — pan, zoom and explore each canvas, then read the source. Every example is managed through the VisualFlow CMS.
Featured examples
AI Agent Orchestration
Watch an AI agent route a prompt through a planner, tools and a final answer — every step a node.
Workflow Automation Builder
A Zapier-style automation: webhook trigger, filter, transform and a Slack notification.
CRM Pipeline Board
Deals flow through pipeline stages — drag a deal node between stage columns to update it.
Database Schema Designer
An entity-relationship diagram where every table is a node and foreign keys are edges.
AI Agent Orchestration
Watch an AI agent route a prompt through a planner, tools and a final answer — every step a node.
Interactive Mind Map
A mind map that expands on click — double-click empty space to add an idea.
Business Process Model
A request-to-approval process with swimlanes, owners and SLA annotations.
Custom Node Kit
Badges, method pills, status dots and handles — a tour of custom node building blocks.
ETL Data Pipeline
Source to warehouse: Postgres and Kafka feed dbt models that land in Snowflake.
Decision Tree
Branching eligibility logic anyone can follow — conditions on edges, outcomes on leaves.
System Architecture Map
Gateway, auth, API, queue and database — a living diagram generated from your infra.
Workflow Automation Builder
A Zapier-style automation: webhook trigger, filter, transform and a Slack notification.
CRM Pipeline Board
Deals flow through pipeline stages — drag a deal node between stage columns to update it.
Database Schema Designer
An entity-relationship diagram where every table is a node and foreign keys are edges.