What is Workflow Builder?
Workflow Builder is a React SDK for building and embedding visual workflow editors into your application. It is available in open-source and enterprise editions.
It provides a ready-made workflow editor UI, including canvas, nodes, edges, layout, forms, and configuration panels, so you don’t have to build workflow UX from scratch.
Workflow Builder focuses exclusively on the frontend editor layer. Execution, orchestration, and business logic remain fully under your control.
Ready to try it? Start with the Quick Start guide.
Key features
Section titled “Key features”- Visual workflow canvas with drag-and-drop interactions
- Node library with triggers, actions, conditions, branching, and delays
- Dynamic properties panel driven by JSON Schema
- Auto-save to local storage or external API
- Read-only mode for viewing without edit permissions
- Flow Runner for graph traversal and step-by-step execution
- Zoom in / out for navigating workflows at any scale
- Auto-layout for automatic node and edge positioning
- Smart edge routing that avoids collision with nodes
- Edge reshaping for fine-tuning connection paths on the canvas
Workflow Builder focuses exclusively on the frontend editor layer. The SDK outputs workflow definitions as JSON that your own backend consumes and executes. For in-editor execution, the optional Flow Runner plugin (Enterprise) can traverse the workflow graph and run node functions directly.
Typical use cases
Section titled “Typical use cases”Workflow Builder is commonly used to:
- embed workflow editors into B2B SaaS products
- build visual rule engines and configuration tools
- design AI agent and automation workflow platforms
- serve as a foundation for workflow-driven products and standalone apps
Live demo
Section titled “Live demo”Try the interactive demo at app.workflowbuilder.io.