Standalone App

Run Workflow Builder as a standalone frontend app. It communicates with your backend via API endpoints you control.

Prerequisites

• Node.js >= 22.12.0
• pnpm >= 10.9.0

Setup

1. Clone the repository:

   git clone https://github.com/synergycodes/workflowbuilder.git
   cd workflowbuilder

2. Install dependencies:

   pnpm i

3. Start the development server:

   pnpm dev

4. Open http://localhost:4200 in your browser.

What you get

The standalone app includes the full editor experience out of the box:

• Canvas - infinite whiteboard for placing and connecting nodes
• Node palette - drag and drop nodes from the left sidebar onto the canvas
• Properties panel - configure the selected node using the right panel
• Toolbar - zoom controls, undo/redo, save button

Building for production

pnpm build

Output is placed in dist/apps/frontend/. Serve it with any static file server or CDN.