@openpipeline/react

Visual DAG builder for OpenPipeline as a controlled React component library (ReactFlow + Zustand).

Part of OpenPipeline — a framework-agnostic engine for compiling and running MCP-tool pipelines as LangGraph DAGs.

Roadmap: canvas today, builder kit next — the single <BuilderCanvas/> component is planned to decompose into composable pieces (palette, schema-driven inspector, validation display).

Install

npm i @openpipeline/react

Usage

The visual DAG builder as a controlled React component library (ReactFlow + Zustand). No Next.js, no auth — you own data loading and persistence.

import '@xyflow/react/dist/style.css';
import { ReactFlowProvider } from '@xyflow/react';
import { BuilderCanvas, createBuilderStore } from '@openpipeline/react';
const store = createBuilderStore();
<ReactFlowProvider>
  <BuilderCanvas store={store} />
</ReactFlowProvider>;

See the root README for the full quickstart and the playground.

License

MIT