@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.

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