Design Agent Workflows on an Infinite Canvas
Drag-and-drop nodes, connect edges, configure parameters — and deploy production-ready agent workflows without writing infrastructure code.
Build Workflows Visually, Deploy Instantly
A React Flow-powered canvas that turns complex agent orchestration into a visual design experience. No YAML. No config files. Just drag, connect, and deploy.
Design complex agent flows in minutes
The OrchStack canvas is built on React Flow, optimized for agent orchestration. Each node represents a discrete operation — from LLM calls and tool invocations to conditional branches and human approval gates. Connect them visually, configure parameters inline, and watch your workflow come to life.
A Node for Every Operation
20+ pre-built node types cover every pattern in agent orchestration. From LLM calls to human gates, each node is configurable, composable, and production-ready.
LLM Node
Call any model — GPT, Claude, Gemini, Llama
Tool Node
Invoke APIs, databases, or custom functions
Condition Node
Branch logic based on outputs or variables
Human Gate
Pause execution and wait for human input
Sub-Agent Node
Delegate to another agent and await result
Transform Node
Map, filter, or reshape data between steps
Need a custom node? Build one with the SDK
Real-time Collaborative Editing
Agent workflows are a team sport. Multiple engineers, product managers, and domain experts can work on the same canvas at the same time. See live cursors, instant node updates, and conflict-free merging.
Live Cursors & Presence
See who is on the canvas and what they are editing in real-time.
Shareable Workspace Links
Invite anyone with a link. Role-based access controls who can view, edit, or deploy.
Conflict-Free Sync
CRDT-based state synchronization ensures no one overwrites anyone else's work.
From Canvas to Production Code
One click exports your visual workflow to clean, fully-typed TypeScript. The generated code is reviewable, version-controllable, and CI/CD ready.
import { workflow } from '@orchstack/sdk'
export default workflow('email-triage')
.trigger('email.incoming')
.llm('classify-intent')
.branch('priority')
.tool('create-ticket')Everything You Need to Design Visually
The canvas is not a toy. It is a production-grade visual IDE for agent orchestration.
Infinite Canvas
Pan, zoom, and scroll without limits. Build workflows of any size on a canvas that scales with your complexity — from a single agent to an enterprise-wide orchestration graph.
20+ Node Types
LLM calls, tool invocations, conditional branches, human gates, sub-agent calls, loops, transforms, and more. Every primitive you need to model real-world workflows.
Real-time Collaboration
Multiple team members can edit the same canvas simultaneously. See live cursors, selections, and changes — like Google Docs for agent workflows.
Code Export
Export any visual workflow to clean, type-safe TypeScript. The generated code uses the OrchStack SDK and can be version-controlled, reviewed, and deployed via CI/CD.
Version History
Every change is automatically versioned. Roll back to any previous state, compare diffs between versions, and branch workflows for experimentation.
Template Library
Start from 50+ battle-tested templates — customer support bots, RAG pipelines, data enrichment flows, and more. Customize and deploy in minutes.
Canvas FAQ
Start Designing on the Canvas
Build your first agent workflow in minutes — no code required.
Free tier available · No credit card required