Workflow Builder is a frontend-first foundation for creating complex workflow editors. Designed for hassle-free integration with any backend, it delivers everything you need to design workflows faster – from drag-and-drop nodes to customizable layouts.

Workflow Builder

Table of Contents

1. About The Project
   • Technical Overview
2. Getting started
   • Prerequisites
   • Installation
3. Decision Logs

About The Project

Monorepo of Workflow Builder - a white-label template tailored for development of workflow based apps.

Technical Overview

Using pnpm workspaces Workflow Builder is split into packages placed in apps/ directory:

• frontend - React app containing the core functionality of Workflow Builder
• frontend-e2e - E2E tests for the frontend
• types - Shared Typescript definitions for the project
• icons - Lazy-loadable, extensible icons

Getting Started

Prerequisites

You'll need node and pnpm with proper versions set in the root package.json and .npmrc file.

Installation

1. Clone the repo
2. Install packages from the root directory pnpm i
3. To start the app, run pnpm dev

Decision Logs

To document technical choices and provide an overview of reasoning behind them, the repo contains *.decision-log.md files that live along the code and packages their related to. See decision logs list

Links

• Product landing page
• Publicly available web app