Embedding the builder

The WorkflowBuilder component from flowblocks-js renders the Flowblocks builder inside your own app, scoped to one of your customers at a time.

Install

npm install flowblocks-js

Render the builder

import { WorkflowBuilder } from "flowblocks-js"

export function Automations() {
  return (
    <WorkflowBuilder
      workspace={org.id}
      agent="claude"
      connectors={["gmail", "teams"]}
    />
  )
}

The component includes the canvas, the step palette, the preview chat and run history.

Props

Workspaces

Workflows, connections and runs belong to the workspace they were created in and are not visible from any other workspace.

Use an identifier you already have, such as an organization id.