synergycodes/workflowbuilder

What it solves

Workflow Builder provides a ready-made React SDK for developers who need to embed a visual, drag-and-drop workflow editor into their software products. It eliminates the need to build a complex diagramming interface from scratch, offering a standardized way to design AI agent workflows, automation rules, and business logic visually.

How it works

The project is built on React Flow and follows a plugin-first architecture, allowing developers to add or remove features (like undo/redo or PDF export) without breaking the core application. It uses a schema-driven approach for properties panels, meaning node configurations are defined declaratively. While the SDK is backend-agnostic and produces JSON-serializable workflows, it includes a reference stack (using Hono, Temporal, and Postgres) to demonstrate how to execute these workflows, including those involving LLMs via OpenAI-compatible endpoints.

Who it’s for

It is designed for developers and product teams building B2B SaaS products, visual rule engines, or AI agent platforms who want to integrate a professional workflow editor into their existing React applications.

Highlights

• Plugin-first architecture: Modular design allows for optional features like ELK automatic layout and orthogonal edge routing.
• Backend agnostic: Works with any backend, though a Temporal-based reference implementation is provided.
• Schema-driven configuration: Node inputs are configured via declarative properties panels.
• AI-ready: Includes a reference "AI Studio" that demonstrates end-to-end execution of AI agent nodes.