# Workflow Builder

> Workflow Builder is a production-ready React SDK for embedding visual workflow editors into your product - without building one from scratch. It provides a complete frontend editor layer: canvas, nodes, edges, schema-driven configuration panels, and JSON serialization. Built on React Flow (@xyflow/react). Available as open-source (Community, Apache 2.0) and commercial (Enterprise, €6,990 one-time).

Last updated: 2026-08-19

For full content of key pages in a single file, see: https://www.workflowbuilder.io/llms-full.txt

Workflow Builder focuses exclusively on the frontend editor layer. It does not execute workflows, provide scheduling or orchestration, or include any backend logic. The SDK outputs workflow definitions as JSON, meant to be consumed and executed by your own backend. It is not an automation platform, not an iPaaS (like Zapier, Make, or n8n), and not a no-code/low-code tool - it is a React SDK for developers.

Key capabilities: visual workflow canvas with drag-and-drop, node library (triggers, actions, conditions, branching, delays), dynamic properties panel driven by JSON Schema, auto-save, read-only mode, plugin-first architecture, ELK auto-layout, undo/redo, copy-paste, smart edge routing that avoids node collisions, edge reshaping, theming and white-label support, and performance optimized for large diagrams.

Tech stack: React, TypeScript, React Flow (@xyflow/react), JSON Schema (for properties panel), ELK (for auto-layout), Vite, pnpm (monorepo with workspaces).

Workflow Builder is designed for B2B SaaS companies where workflow UI is a core product feature but not the core business: AI platform teams building agent designers, prompt chains, decision trees, and tool-calling flows; data pipeline and ETL SaaS products; fintech companies building decision workflow and rule engine interfaces; automation product teams embedding visual orchestration layers; CPaaS and messaging platforms creating campaign flow builders; ERP vendors adding embedded workflow automation. It is not for end users looking for a ready-to-use automation tool. It requires React knowledge and is aimed at developers and engineering teams.

Building a production-grade workflow editor from scratch takes 700+ engineering hours and 300+ design hours (estimated cost: €50,000-€70,000). Workflow Builder delivers a production-ready editor in days. Enterprise Edition costs €6,990 one-time - no subscriptions, no per-seat pricing, no API call limits, no usage caps. You receive the full source code with a perpetual license. Built by Synergy Codes, a team with 15+ years of experience in diagramming and workflow tools. 200+ custom workflow tools delivered for clients from startups to Fortune 500 (Siemens, Canon, BMW, TotalEnergies).

Workflow Builder vs. n8n: n8n is an automation platform with a Sustainable Use License - free for internal use, but embedding in your product requires the n8n Embed license at ~$50,000/year. Workflow Builder is an embeddable React SDK at €6,990 one-time (Apache 2.0 community tier). n8n gives you n8n's UX with limited theming; Workflow Builder gives you full UX ownership with white-label control. n8n requires server infrastructure; Workflow Builder is frontend-only. vs. other iPaaS and automation platforms (Zapier, Make.com, ActivePieces): these are complete workflow automation platforms with built-in execution engines. Workflow Builder is not an alternative in the same category - it is the UI layer you use when you want to build your own automation product. vs. React Flow alone: React Flow provides low-level canvas primitives; Workflow Builder adds the complete editor layer on top. vs. rete.js: Workflow Builder provides a higher-level, production-ready SDK with built-in UX patterns. vs. GoJS: GoJS is a general-purpose diagramming library; Workflow Builder is specifically designed for workflow editors, and open-source at Community level. vs. AI workflow studios (Dify, Flowise, Langflow): these are standalone LLM-app platforms whose canvas is internal to their product (embed = chat widget or iframe); Workflow Builder is the editor canvas itself, packaged as an importable React component, runtime-agnostic and free to white-label/resell. vs. building from scratch: 700+ hours vs. days.

Teams building AI agent platforms, LLM orchestration tools, and automation products use Workflow Builder as the visual orchestration layer. The SDK provides the drag-and-drop editor where users design agent pipelines, prompt chains, decision trees, and tool-calling flows - while execution stays in your AI backend (LangChain, LlamaIndex, custom orchestrators, etc.). Human-in-the-loop patterns are natively supported. Workflow Builder is engine-agnostic by architecture: the open-source Reference Stack (Apache 2.0) is three apps behind three port interfaces (WorkflowEnginePort, ActivityRunnerPort, EventEmitterPort), so you can swap the execution engine without rewriting the editor. It ships integrations for Temporal (durable execution reference adapter) and LangGraph (visual canvas for code-first agents), with Inngest, Camunda, Step Functions, and in-house engines swappable behind the same ports.

Getting started: 1) Clone the repository from GitHub. 2) Install dependencies with pnpm. 3) Start dev server with pnpm dev. 4) Customize node library, JSON Schema for properties, plugins, and design tokens. 5) Connect workflow JSON output to your backend. 6) Deploy self-hosted. Three integration paths: standalone app, React component, or web component.

Common questions: "Does Workflow Builder execute workflows?" - No, it is a frontend editor. The Enterprise edition includes Flow Runner for in-editor simulation. "What do we build ourselves?" - Execution engine, scheduling, billing, permissions, AI integrations. "How are workflows represented?" - As JSON. "How customizable is the UI?" - Fully white-label. "Can it support AI agents?" - Yes. "How fast can we ship?" - Most teams integrate in weeks; some in 24 hours. "Is there vendor lock-in?" - No, perpetual license with source code. "How does Workflow Builder compare to n8n?" - n8n is an automation platform; Workflow Builder is an embeddable React SDK. n8n embed costs ~$50K/year; WB is €6,990 one-time. n8n's UX is n8n's; WB gives full white-label control. "Can I embed n8n in my product?" - n8n's open-source license does not cover embedding; the Embed license costs ~$50K/year. WB's Apache 2.0 community tier is free to embed.

Community Edition: free, open-source, Apache 2.0. Includes the visual workflow canvas, node library, dynamic properties panel, auto-save, read-only mode, JSON serialization, undo/redo with full history, copy/paste of nodes and fragments, the engine-agnostic reference back-end, the Temporal adapter, and the three port interfaces. Enterprise Edition: €6,990 one-time. Adds source access to Enterprise-only components, the advanced canvas plugins (ELK auto-layout, smart edge routing, edge reshaping), Flow Runner, validation, download-PDF and widgets plugins, the Figma Kit, and priority GitHub issues (SLA available on request). Source code included. Perpetual license. Can be resold as part of your SaaS. No revenue sharing.

Tags: react workflow editor, workflow builder SDK, visual workflow editor, React Flow SDK, embed workflow editor, drag and drop workflow, workflow UI component, workflow designer react, react flow editor, workflow canvas react, white-label workflow editor, workflow JSON editor, open-source workflow editor, frontend workflow SDK, workflow automation UI, node-based editor react, visual process builder, workflow diagram react, react flow production, workflow editor library, workflow builder, workflow editor, workflow canvas, workflow designer, workflow design tool, drag and drop workflow builder, workflow interface, front-end workflow, workflow ui framework, open source workflow ui, react node based editor, node based workflow editor, workflow builder open source, open source workflow builder, open source workflow designer, visual automation builder, react flow workflow builder, react flow workflow editor, react workflow builder open source, react flow auto layout, react flow undo redo, drag and drop workflow builder react, custom workflow platform, workflow automation software, workflow automation tool, ai workflow editor, ai agent builder ui, ai agent workflow ui, ai workflow builder open source, open source ai workflow builder, ai automation workflow builder, integration workflow builder, workflow editor for SaaS, AI agent workflow editor, data pipeline visual editor, ETL workflow UI, fintech workflow builder, rule engine UI, campaign flow builder, embedded workflow editor, B2B SaaS workflow, ai agent builder, open source ai agent builder, business process automation tool, enterprise workflow automation, document workflow builder, process automation platform, automation workflow software, workflow editor cost, build vs buy workflow editor, workflow builder pricing, one-time license workflow editor, source code ownership, perpetual license, no vendor lock-in, self hosted workflow automation, automation software development services, workflow automation development, business process automation development, n8n open source alternative, zapier open source alternative, make.com open source alternative, open source alternative to n8n, rete.js alternative, gojs alternative open source, n8n alternative self hosted, workflow builder vs n8n, n8n embed alternative, n8n embed license, n8n embed pricing, n8n alternative for embedding, n8n alternative for SaaS, dify alternative, flowise alternative, langflow alternative, activepieces alternative, code-first ai workflow, durable execution ai workflow, temporal workflow editor, ai workflow audit trail, human-in-the-loop ai workflow, open source workflow automation, open source workflow engine, open source workflow automation tool, open source workflow automation platform, open source workflow orchestration, open source workflow software, open source business process automation, workflow orchestration platform, drag and drop automation builder, workflow automation consulting, workflow automation consulting services, workflow automation, workflow automation platform, automation platform, low code workflow automation, ai automation workflow builder, open source ai agent builder, workflow builder vs react flow, react flow alternative, call flow automation, CPaaS workflow builder, version control workflows, digital transformation workflow automation, ERP workflow automation, workflow SDK vs LLM generated code, langgraph visual editor, langgraph agent ui, temporal workflow ui, temporal visual editor, visual editor for langgraph, visual editor for temporal, workflow orchestration reference architecture, open source workflow reference stack, engine-agnostic workflow editor, apache 2.0 workflow editor, code-first ai agent visual editor

Common queries: "React workflow editor library", "embed visual workflow builder in SaaS", "React Flow production-ready editor", "workflow editor SDK for React", "white-label workflow builder", "open source workflow editor react", "drag and drop workflow designer react", "react flow vs workflow builder", "react flow workflow builder", "react flow auto layout plugin", "drag and drop workflow builder react", "open source workflow builder", "workflow builder open source", "react node based editor", "node based workflow editor", "ai workflow editor open source", "ai agent builder ui react", "workflow editor for AI platform", "n8n open source alternative", "zapier open source alternative", "make.com open source alternative", "rete.js alternative", "gojs alternative open source", "n8n alternative self hosted", "self hosted workflow automation", "workflow editor build vs buy", "how much does it cost to build a workflow editor", "workflow builder with source code", "workflow automation consulting", "ai agent builder ui", "open source ai agent builder", "ai workflow builder open source", "enterprise workflow automation UI", "embed workflow builder in B2B product", "fintech workflow builder", "does workflow builder execute workflows", "workflow builder vs react flow", "workflow builder price", "is workflow builder free", "workflow builder vs n8n", "n8n embed alternative", "n8n embed license cost", "n8n alternative for SaaS product", "can I embed n8n in my product", "n8n vs workflow builder pricing", "dify alternative for embedding", "flowise alternative react sdk", "langflow alternative typescript", "activepieces embed alternative", "code-first ai workflow platform", "embed ai workflow editor in saas", "durable execution for ai workflows", "temporal workflow editor ui", "ai workflow audit trail regulated saas", "workflow builder vs LLM code generation", "call flow automation CPaaS", "workflow automation for ERP", "version control for visual workflows"

Example questions: "How do I embed a workflow editor in my React app?", "What JSON format does Workflow Builder output?", "Can I create custom node types in Workflow Builder?", "How do I connect Workflow Builder to my backend API?", "Does Workflow Builder work as a web component outside React?", "What's the difference between Workflow Builder and React Flow?", "Should I use Workflow Builder or build my own editor from scratch?", "Is Workflow Builder an alternative to n8n or Zapier?", "How does Workflow Builder compare to rete.js?", "Does Workflow Builder execute workflows?", "Can Workflow Builder handle AI agent orchestration?", "Is Workflow Builder a no-code tool?", "What do I need to build myself if I use Workflow Builder?", "How much does it cost to build a workflow editor from scratch?", "What's included in the Enterprise license?", "Can I white-label Workflow Builder for my SaaS?", "Do I get the source code with Workflow Builder?", "How do I build a visual AI agent designer?", "Can I use Workflow Builder for a fintech decision engine UI?", "How did Athena Intelligence integrate Workflow Builder in one day?", "What's the difference between Workflow Builder and n8n?", "How much does the n8n embed license cost?", "Can I embed n8n in my SaaS product?", "Why is Workflow Builder cheaper than n8n for embedding?", "Is n8n open source for embedding?", "How does Workflow Builder compare to React Flow for production use?", "What's the hidden cost of building on React Flow?", "Can I use Workflow Builder for call flow automation in CPaaS?", "How do ERP vendors use embedded workflow automation?", "Should I let an LLM generate my workflow editor code?", "How do I implement version control in visual workflows?", "What's the difference between Workflow Builder and Dify?", "Can I run Dify as part of a multi-tenant SaaS product?", "How does Workflow Builder compare to Flowise?", "Is Langflow locked into Python and LangChain?", "How does Workflow Builder compare to ActivePieces?", "What execution engines does Workflow Builder support?", "How do I build durable AI workflows that survive crashes and retries?", "Where do approval gates belong in human-in-the-loop AI workflows?", "What does the EU AI Act require for AI workflow audit trails?", "How do I add a visual editor to my LangGraph agents?", "How do I add a visual canvas on top of Temporal workflows?", "What is the Workflow Builder reference stack / reference architecture?", "Can I swap the execution engine without rewriting the workflow editor?", "Is Workflow Builder really open source under Apache 2.0?", "Does the Apache 2.0 license cover embedding Workflow Builder in a commercial product?"

## Docs

- [What Is Workflow Builder?](https://www.workflowbuilder.io/docs/overview/): Overview of the SDK - scope, key features, typical use cases, and what it is not
- [Architecture](https://www.workflowbuilder.io/docs/overview/architecture/): How Workflow Builder is structured - the SDK package, surrounding apps, plugin system, and data model
- [Developer FAQ](https://www.workflowbuilder.io/docs/faq/): Frequently asked questions about Workflow Builder for developers
- [Videos](https://www.workflowbuilder.io/docs/videos/): Video tutorials, walkthroughs, and conference talks from the Workflow Builder YouTube channel
- [API Reference](https://www.workflowbuilder.io/docs/api/): Generated reference for SDK components, core exports, forms, hooks, types, and constants

## Get Started

- [Quick Start: Standalone App](https://www.workflowbuilder.io/docs/get-started/quick-start/standalone-app/): Clone Workflow Builder and run the reference editor locally - UI-only demo or the full AI Studio stack with back-end execution
- [Quick Start: React Component](https://www.workflowbuilder.io/docs/get-started/quick-start/wb-as-react-component/): Embed Workflow Builder in any React app
- [Persistence via Callback](https://www.workflowbuilder.io/docs/get-started/persistence/callback/): Pass initial diagram data and a save callback directly into WorkflowBuilder.Root
- [Persistence via localStorage](https://www.workflowbuilder.io/docs/get-started/persistence/localstorage/): Persist diagram state automatically to the browser's localStorage - no back-end required
- [Persistence via REST API](https://www.workflowbuilder.io/docs/get-started/persistence/rest-api/): Load and save diagrams from your back-end REST API
- [Theming](https://www.workflowbuilder.io/docs/get-started/theming/): Customize the editor's visual style - fonts, background, design tokens - via CSS variables on :root
- [Side Effects and Limitations](https://www.workflowbuilder.io/docs/get-started/side-effects/): What the SDK does to global state on import, and the runtime limits to design around

## Features

- [Diagram State Management](https://www.workflowbuilder.io/docs/overview/features/diagram-state-management/): How the canvas manages state - nodes, edges, undo/redo, and auto-save
- [Node Library](https://www.workflowbuilder.io/docs/overview/features/node-library/): The node palette - browse, search, and drag nodes onto the canvas
- [Properties Sidebar](https://www.workflowbuilder.io/docs/overview/features/properties-sidebar/): How the properties panel works - schema-driven forms, field types, and dynamic rules
- [Design System and Customization](https://www.workflowbuilder.io/docs/overview/features/design-system-and-customization/): Design tokens, themes, and how to customize the UI

## Guides

- [Configuring the Editor](https://www.workflowbuilder.io/docs/guides/configuring-the-editor/): Pass node types, integration strategy, plugins, and JsonForms extensions to WorkflowBuilder.Root
- [Add a Custom Node](https://www.workflowbuilder.io/docs/guides/add-a-custom-node/): End-to-end recipe - define a node's schema, UI schema, defaults, register it with the palette, and optionally plug in a custom renderer
- [Build a Plugin](https://www.workflowbuilder.io/docs/guides/build-a-plugin/): Compose registerComponentDecorator, registerFunctionDecorator, and registerPluginTranslation into a plugin function
- [Custom JsonForms Control](https://www.workflowbuilder.io/docs/guides/custom-jsonforms-control/): Register a custom renderer, cell, or plugin translation for node property panels
- [Save Diagrams to Database](https://www.workflowbuilder.io/docs/guides/save-diagrams-to-database/): A minimal example of persisting diagrams to a back-end database
- [Use Variable Picker](https://www.workflowbuilder.io/docs/guides/use-variable-picker/): Insert references to data from earlier workflow steps into a downstream node's configuration

## Node Schemas

- [Node Schemas Overview](https://www.workflowbuilder.io/docs/node-schemas/): The two declarative halves that define a custom node - its data schema and the form rendered in the property panel
- [Data Schema](https://www.workflowbuilder.io/docs/node-schemas/data-schema/): The JSON Schema half of a node - what schema.ts declares, what types each property can take, and how validation runs at edit time
- [Form Overview](https://www.workflowbuilder.io/docs/node-schemas/form-overview/): How a node's uischema describes the form rendered in the property panel - controls, layouts, labels
- [Form Controls](https://www.workflowbuilder.io/docs/node-schemas/form-controls/): Every built-in control element accepted by a node's uischema, with props and an example for each
- [Form Layouts](https://www.workflowbuilder.io/docs/node-schemas/form-layouts/): Container element types that arrange child elements - VerticalLayout, HorizontalLayout, Group, Accordion - plus the two text-only label types

## Built-in Nodes

- [Built-in Nodes Overview](https://www.workflowbuilder.io/docs/nodes/): Production-ready node types that ship with Workflow Builder, covering triggers, actions, branching, delays, notifications, and AI agents
- [Trigger](https://www.workflowbuilder.io/docs/nodes/trigger/): Starts a workflow in response to an event, a schedule, a condition, or a system signal
- [Action](https://www.workflowbuilder.io/docs/nodes/action/): Executes a task such as sending an email, creating a database record, or calling an external service
- [Conditional](https://www.workflowbuilder.io/docs/nodes/conditional/): Branches the workflow on a true/false condition - if/else logic
- [Decision](https://www.workflowbuilder.io/docs/nodes/decision/): Routes the workflow to one of several paths based on user input or a data value
- [Delay](https://www.workflowbuilder.io/docs/nodes/delay/): Pauses the workflow for a specified duration before continuing
- [Notification](https://www.workflowbuilder.io/docs/nodes/notification/): Sends a notification to a user or system through email, SMS, push, webhook, or Slack
- [AI Agent](https://www.workflowbuilder.io/docs/nodes/ai-agent/): Delegates a step in the workflow to an AI model or agent with tool access

## Plugins

- [Plugins Overview](https://www.workflowbuilder.io/docs/plugins/): Optional plugins that extend the editor with auto-layout, edge routing, copy-paste, PDF export, flow execution, and more
- [Undo / Redo](https://www.workflowbuilder.io/docs/plugins/undo-redo/): Local session history for the diagram - undo and redo node actions via keyboard shortcuts or toolbar buttons (Community)
- [Copy / Paste](https://www.workflowbuilder.io/docs/plugins/copy-paste/): Cut, copy, and paste nodes and edges on the canvas (Community)
- [Auto Layout (ELK)](https://www.workflowbuilder.io/docs/plugins/elk-layout/): Automatic node and edge arrangement powered by the ELK layout engine (Enterprise)
- [Avoid Nodes and Edges](https://www.workflowbuilder.io/docs/plugins/avoid-nodes-edges/): Orthogonal edge routing that automatically routes edges around nodes using Web Workers and WASM (Enterprise)
- [Reshapable Edges](https://www.workflowbuilder.io/docs/plugins/reshapable-edges/): Manually reshape orthogonal edges using drag handles on the canvas (Enterprise)
- [Flow Runner](https://www.workflowbuilder.io/docs/plugins/flow-runner/): Reference implementation of a JSON parser that turns a diagram into an executable flow function (Enterprise)
- [Validation](https://www.workflowbuilder.io/docs/plugins/validation/): Diagram-based validation for detecting broken references and missing edges, on top of JSON Forms (Enterprise)
- [Download PDF](https://www.workflowbuilder.io/docs/plugins/download-pdf/): Export the current diagram as a PDF file (Enterprise)
- [Widgets](https://www.workflowbuilder.io/docs/plugins/widgets/): Extend node cards with additional tabs and inline content visible directly on the canvas (Enterprise)

## Examples and Resources

- [Interactive Demo](https://app.workflowbuilder.io/): Live workflow editor demo - try it without installing
- [GitHub Repository](https://github.com/synergycodes/workflowbuilder): Source code (monorepo, pnpm workspaces), issues, and contribution guidelines
- [Discord Community](https://discord.com/invite/FDMjRuarFb): Developer community for questions, ideas, and roadmap discussions
- [YouTube Channel](https://www.youtube.com/@workflowbuilder): Video tutorials and feature walkthroughs

## Pricing and Licensing

- [Pricing](https://www.workflowbuilder.io/pricing): Feature comparison (Community vs Enterprise), pricing details, and license terms. Two delivery paths: Path A - your engineering team builds on the React SDK (Community €0 or Enterprise €6,990 one-time); Path B - partner-led delivery on top of an Enterprise license, either a 2-4 week Workflow Setup Sprint (€15,000-25,000) or end-to-end services (€50-200k+)
- [FAQ](https://www.workflowbuilder.io/faq): Answers to common questions about licensing, consulting, technical capabilities, and integration

## Open Source

- [Open Source (Apache 2.0)](https://www.workflowbuilder.io/open-source): Apache 2.0 covers the React SDK, the reference back-end, and the Temporal adapter - commercial use OK, no copyleft, no relicensing. Hard commit: the Community Edition stays Apache 2.0, no BSL or SSPL
- [Reference Stack](https://www.workflowbuilder.io/reference-stack): Open-source workflow orchestration reference architecture - three apps behind three port interfaces (WorkflowEnginePort, ActivityRunnerPort, EventEmitterPort), Apache 2.0. Clone it and swap the execution engine without rewriting the editor. Ships reference code, not runtime

## Integrations

- [Temporal Integration](https://www.workflowbuilder.io/integrations/temporal): Add a visual canvas on top of Temporal workflows - React SDK for end-user authoring, HITL signals, and customer-facing workflow builders. Mount in your product in ~1 day; Temporal is the reference adapter for durable execution
- [LangGraph Integration](https://www.workflowbuilder.io/integrations/langgraph): Add a visual canvas to code-first LangGraph agents - React SDK for end-user authoring, HITL approval flows, and multi-agent UI. Backend translates the editor JSON into LangGraph nodes and edges; purely additive to your existing agent code

## Case Studies

- [Athena Intelligence](https://www.workflowbuilder.io/case-study/athena-intelligence): VC-backed AI startup integrated a white-label workflow editor in 1 day - demo-ready immediately, fully customized within a week
- [Plura AI](https://www.workflowbuilder.io/case-study/plura-ai): AI platform unified planning and execution into one workflow editor - adaptive node management, version control, and real-time API connectivity
- [Vercom](https://www.workflowbuilder.io/case-study/vercom): CPaaS provider builds a visual RCS campaign builder (RCS Flow Studio) in weeks - shipped ahead of their own backend team

## Use Cases

- [AI Agent Workflows](https://www.workflowbuilder.io/ai-agent-workflows): Embed a visual workflow builder for code-first AI agents - React SDK + Apache 2.0 reference back-end + swappable execution (Temporal integration shipped). Define node types in JSON Schema, run durable workflows, keep a structured audit log
- [Workflow Automation Platforms](https://www.workflowbuilder.io/use-case/workflow-automation-platforms): Embed a production-ready workflow editor in automation and orchestration SaaS products - ship editor UI in weeks instead of months
- [Call Flow Builder for CPaaS and CCaaS](https://www.workflowbuilder.io/use-case/call-flow-builder): Embed a call flow builder in your CPaaS or CCaaS product instead of building from scratch - React SDK plus Temporal back-end, customizable without forking
- [Marketing Automation Workflows for Martech](https://www.workflowbuilder.io/use-case/marketing-automation-workflows): Embed a visual workflow builder into your martech product - a React SDK on your own engine, under your own brand, where your marketing users design flows

## Consulting

- [Consulting Services](https://www.workflowbuilder.io/consulting): End-to-end workflow implementation - architecture audits, UX consulting, React Flow custom solutions, product strategy, custom development, and execution engine design

## About

- [Synergy Codes](https://www.synergycodes.com/): The team behind Workflow Builder - 15+ years of diagramming expertise, 200+ custom workflow tools delivered
- [For Developers](https://www.workflowbuilder.io/for-developers): Developer-focused overview - tech stack, 4-step integration path, and comparison with alternatives
- [Blog](https://www.workflowbuilder.io/blog): Articles on workflow editor development, React Flow patterns, AI agent workflows, and product architecture
- [Contact](https://www.workflowbuilder.io/contact): Get in touch with the Workflow Builder team

## Comparisons

- [Build vs Buy a Workflow Editor](https://www.workflowbuilder.io/build-vs-buy): The real cost of building on React Flow (14-25 weeks, $67k-$120k) vs Workflow Builder SDK (1-4 weeks, €6,990 one-time) vs buying a SaaS platform - cost math, decision framework, and customer case studies
- [Workflow Builder vs n8n](https://www.workflowbuilder.io/compare/n8n): Side-by-side comparison - embeddable React SDK vs automation platform, one-time €6,990 vs ~$50K/year embed license, full UX ownership vs n8n's UI, Apache 2.0 vs Sustainable Use License
- [Workflow Builder vs React Flow](https://www.workflowbuilder.io/compare/react-flow): Library vs production SDK - React Flow gives canvas primitives; Workflow Builder adds edge routing, auto-layout, design system, and properties sidebar that save 14-25 weeks of development
- [Workflow Builder vs ActivePieces](https://www.workflowbuilder.io/compare/activepieces): True React SDK for canvas embed (mounted in your render tree, not an iframe) vs ActivePieces' iPaaS - Apache 2.0 with no Embed license required, your design system
- [Workflow Builder vs Dify](https://www.workflowbuilder.io/compare/dify): Embeddable React SDK vs Dify's LLMOps platform - Apache 2.0 with no multi-tenant SaaS restriction and no required branding, vs Dify's two license restrictions
- [Workflow Builder vs Flowise](https://www.workflowbuilder.io/compare/flowise): React SDK for canvas embed vs Flowise's LangChain.js studio - no LangChain.js lock-in, no chat-widget-only embed, single Apache 2.0 license vs open-core
- [Workflow Builder vs Langflow](https://www.workflowbuilder.io/compare/langflow): TypeScript-first React SDK vs Langflow's Python studio - no LangChain Python lock-in, no IBM watsonx coupling, runtime-agnostic

## Events

- [React Summit NYC - Attendee Perks](https://www.workflowbuilder.io/reactsummit): Digital perks and resources for React Summit NYC attendees - exclusive offers, demos, and learning materials

## Blog Articles

- [From React Flow templates to production](https://www.workflowbuilder.io/blog/from-react-flow-templates-to-production-when-a-workflow-editor-becomes-a-real-product-feature): Why workflow editor templates fall short at production scale and when to move to a production-ready foundation
- [Build vs Buy: the hidden cost of React Flow](https://www.workflowbuilder.io/blog/build-vs-buy-workflow-editor-hidden-cost-react-flow): Real engineering cost of building a production workflow editor on top of React Flow - what you have to build yourself beyond the library
- [React Flow vs Workflow Builder: when to use each](https://www.workflowbuilder.io/blog/react-flow-vs-workflow-builder-when-to-use-each): Decision guide for choosing between the React Flow library and the Workflow Builder production SDK
- [Building a new product with workflows at its core](https://www.workflowbuilder.io/blog/building-product-with-workflows-at-its-core-with-workflow-editor-foundation): Why teams start with a workflow editor foundation instead of building from scratch
- [Workflow canvas vs workflow engine](https://www.workflowbuilder.io/blog/workflow-canvas-vs-workflow-engine-why-ui-not-enough): Why a workflow UI alone is not enough - how the editor canvas and the execution engine divide responsibilities
- [Designing AI agent workflows](https://www.workflowbuilder.io/blog/designing-ai-agent-workflows-why-ai-platforms-need-visual-orchestration-layers): Why AI platforms need visual orchestration layers - human-in-the-loop, agent logic visibility, backend-agnostic execution
- [Building AI agent pipelines: SDK vs custom build](https://www.workflowbuilder.io/blog/building-ai-agent-pipelines-sdk-vs-custom-build): Buying a workflow SDK vs building an AI agent pipeline editor in-house - trade-offs, cost, and time-to-market
- [Human-in-the-loop AI workflows](https://www.workflowbuilder.io/blog/human-in-the-loop-ai-agent-workflow-builder): Where approval gates belong in AI agent workflows and how to model them in the editor
- [Durable execution for AI workflows](https://www.workflowbuilder.io/blog/ai-workflow-builder-durable-execution-saas-guide): What SaaS teams need to know about durable execution for AI workflows - retries, crash recovery, and replay
- [Temporal workflow engine: why it became our default](https://www.workflowbuilder.io/blog/temporal-workflow-engine-default-execution): Why Temporal became the default execution engine behind Workflow Builder's reference back-end
- [Temporal UI: why durable execution still needs a visual authoring layer](https://www.workflowbuilder.io/blog/temporal-workflow-editor-durable-execution-visual-authoring): Why a durable execution engine like Temporal still needs a visual authoring surface on top
- [How to add execution to a visual workflow editor](https://www.workflowbuilder.io/blog/embedded-workflow-backend-add-execution-visual-editor): How to add a back-end execution layer to a visual editor - turning JSON workflow definitions into running processes
- [AI workflow audit trail for regulated SaaS](https://www.workflowbuilder.io/blog/ai-workflow-editor-audit-trail-regulated-saas): What regulated SaaS products need from an AI workflow audit trail - structured event logs, governance, and the EU AI Act
- [The visual workflow platform is dying - what comes next](https://www.workflowbuilder.io/blog/visual-workflow-platform-dying-what-comes-next): Why standalone visual workflow platforms are giving way to embedded, in-product workflow editors
- [Building decision workflows in fintech](https://www.workflowbuilder.io/blog/building-decision-workflows-in-fintech-ui-governance-and-execution-boundaries): Decision workflows in regulated platforms - control, auditability, governance in the UI
- [How B2B SaaS products embed workflow builders](https://www.workflowbuilder.io/blog/how-b2b-saas-embed-workflow-builders-without-becoming-ipaas-platforms): Architectural patterns for embedding workflows in SaaS without becoming iPaaS
- [How to plan workflow implementation](https://www.workflowbuilder.io/blog/how-to-plan-workflow-implementation-for-complex-business-processes): Planning workflow automation for complex enterprise processes
- [When to implement workflows instead of using automation tools](https://www.workflowbuilder.io/blog/implement-workflows-in-your-app-instead-of-using-automation-tools): Why Zapier and n8n fall short for scalable products and when to embed your own workflow editor
- [Workflow automation SaaS: build, buy, or customize SDK](https://www.workflowbuilder.io/blog/workflow-automation-saas-build-buy-or-customize-sdk): Decision framework for SaaS product teams evaluating build-from-scratch vs buy-platform vs customize-an-SDK
- [Saving, exporting, and importing](https://www.workflowbuilder.io/blog/how-to-handle-saving-exporting-and-importing-in-workflow-builder): JSON-first persistence design - integrate saving and execution your way
- [Version control and change tracking in workflows](https://www.workflowbuilder.io/blog/how-to-implement-version-control-and-change-tracking-in-workflows): Patterns for diffing, branching, and auditing visual workflow changes in production products
- [Custom node types in Workflow Builder: complete guide](https://www.workflowbuilder.io/blog/custom-node-types-workflow-builder-complete-guide): Step-by-step guide to defining and registering custom node types with full form-schema control
- [Edge routing in workflow editors: technical deep-dive](https://www.workflowbuilder.io/blog/edge-routing-in-workflow-editors-technical-deep-dive): How obstacle-avoiding edge routing works in a production workflow editor
- [ERP vendors and embedded workflow automation](https://www.workflowbuilder.io/blog/how-erp-vendors-create-new-value-streams-with-embedded-workflow-automation): How embedded workflows create new revenue streams for ERP vendors
- [Workflow Builder for ERP processes](https://www.workflowbuilder.io/blog/how-workflow-builder-can-support-erp-processes): How to extend ERP systems with visual workflow automation - approvals, routing, and process customization
- [Workflow automation and digital transformation](https://www.workflowbuilder.io/blog/how-workflow-automation-supports-digital-transformation-goals): How visual workflow automation accelerates digital transformation initiatives in enterprise organizations
- [From demo to deployment](https://www.workflowbuilder.io/blog/from-demo-to-deployment-how-to-power-up-products-with-workflow-builder): How Athena Intelligence and Plura AI evaluate, integrate, and scale Workflow Builder
- [n8n alternative: open-source embeddable workflow editor](https://www.workflowbuilder.io/blog/n8n-alternative-open-source-embeddable-workflow-editor): Why Workflow Builder is the open-source, embeddable alternative to n8n for product teams - no Embed license, full UX ownership
- [Workflow Builder vs LLM-generated code](https://www.workflowbuilder.io/blog/workflow-builder-vs-llm-generated-code): Why a production SDK beats LLM-generated workflow editor code - maintenance, edge cases, and long-term cost
- [Workflow Builder shortlisted for Technology of the Year 2026](https://www.workflowbuilder.io/blog/workflow-builder-technology-of-the-year-2026): Workflow Builder nominated for Technology of the Year at the money.pl awards
- [Live workflow execution visualization](https://www.workflowbuilder.io/blog/live-workflow-execution-visualization): Why workflow products need live on-canvas execution visualization - what to show per node, the event-driven architecture behind it, and the edge cases that matter
- [Sales inquiry AI workflow: a routing blueprint](https://www.workflowbuilder.io/blog/llm-workflow-editor-sales-inquiry-routing-blueprint): An LLM workflow editor blueprint for sales inquiry routing - five steps, structured classification, conditional enrichment, and where humans ship replies
- [Reliability is the new model selection](https://www.workflowbuilder.io/blog/reliability-is-the-new-model-selection): What HN and Reddit reveal about production AI agents in 2026 - the hard question is no longer which model to pick, but whether the agent survives contact with production
- [20+ CPaaS, CCaaS and voice AI companies to watch in 2026](https://www.workflowbuilder.io/blog/cpaas-ccaas-and-voice-ai-companies): A market map of voice platforms through the lens of how each exposes call logic to the people who operate it
- [The Holy Grail of frontend: an app you configure like a car](https://www.workflowbuilder.io/blog/the-holy-grail-of-frontend-an-app-you-configure-like-a-car): A data-driven editor you configure like a car instead of rebuilding from scratch - built on React Flow and extended with plugins
- [From React Flow to Workflow Builder: what you keep, and what you gain](https://www.workflowbuilder.io/blog/from-react-flow-to-workflow-builder): Workflow Builder is a React SDK built on React Flow - you keep the full React Flow API and gain the editor layer that takes 14-25 weeks to build yourself
- [Best backend workflow engines for custom workflow builders](https://www.workflowbuilder.io/blog/best-backend-workflow-engines): Temporal, Camunda, Conductor OSS, AWS Step Functions, Prefect and Windmill compared for embedded workflow products
- [Parameters change everything: passing data between workflow nodes](https://www.workflowbuilder.io/blog/variable-picker-passing-data-between-workflow-nodes): How the Variable Picker lets one node read another node's output - type two braces and pick from type-checked, in-scope data
- [Why durable execution alone won't save your AI agent](https://www.workflowbuilder.io/blog/why-durable-execution-alone-wont-save-your-ai-agent): A durable runtime can make an AI workflow reliable while the workflow stays impossible for a customer to understand - what comes after durability
- [AI agent orchestration: patterns, platforms, and who draws the graph](https://www.workflowbuilder.io/blog/ai-agent-orchestration): The differences between durable runtimes, agent frameworks, and human interfaces - and how separating the three prevents failure in production
- [Best AI agent frameworks in 2026: a comparison for production teams](https://www.workflowbuilder.io/blog/best-ai-agent-frameworks): LangGraph, CrewAI, Microsoft Agent Framework, OpenAI Agents SDK and Mastra compared on state management, human-in-the-loop, and stack fit
- [LangGraph vs LangChain: which one for production agents?](https://www.workflowbuilder.io/blog/langgraph-vs-langchain): When LangChain's create_agent loop is enough and when explicit graph state is required for production agents
- [LangGraph Studio guide: what it does, its limits, and the canvas your customers need](https://www.workflowbuilder.io/blog/langgraph-studio-guide): LangGraph Studio is an IDE for developers, not your end users' UX - why agent debugging and product workflow canvases are separate tools
- [AI orchestration tools compared: Temporal, Inngest, Restate, Camunda, and the visual layer](https://www.workflowbuilder.io/blog/ai-orchestration-tools): Pricing, licensing and architecture compared - and how a visual layer decouples user UX from backend execution
- [A clean core, everything else a plugin: how Workflow Builder stays extensible](https://www.workflowbuilder.io/blog/extensible-workflow-editor-plugin-architecture): Undo/redo, auto-layout, edge routing and execution ship as plugins on the same public API you get for your own code - no forking required
- [Camunda alternatives (and when to pair Camunda with a visual layer)](https://www.workflowbuilder.io/blog/camunda-alternatives): Temporal, Inngest, Restate and LangGraph as Camunda alternatives - and when to keep Camunda and add a visual workflow layer instead

## Optional

- [Overflow](https://www.overflow.dev/): React component library for React Flow - the foundation component layer of Workflow Builder
- [Overflow Academy](https://overflowacademy.dev/): Developer resources and learning materials for React Flow library
- [ngDiagram](https://www.ngdiagram.dev/): Angular diagramming library by Synergy Codes