Flow builder

brand-ui/flow-builder

UnverifiedBlock

Workflow-builder canvas with a node palette, auto-layout, grouping, placeholder growth, insert-between, an inspector, and copy-own undo/redo + copy/paste.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/mreimitz/elabs-components/main/registry/flow-builder.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

@elabs-ai/components-flow
@elabs-ai/components-tokens
@elabs-ai/components-ui
@xyflow/react
lucide-react

Files it writes

registry/blocks/flow-builder/flow-builder.tsx
registry/blocks/flow-builder/use-copy-paste.ts
registry/blocks/flow-builder/use-undo-redo.ts

More from brand-ui

All 21 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
AI chart in conversationai-chart	brand-ui	Blocks	Unverified	4 deps
AI chat shellai-chat-shell	brand-ui	Blocks	Unverified	3 deps
App shellapp-shell	brand-ui	Blocks	Unverified	3 deps
Chart Card — KPI headerchart-card-kpi-01	brand-ui	Blocks	Unverified	4 deps · 2 files
ChartFrame + data tablechart-frame-data	brand-ui	Blocks	Unverified	5 deps
Code workspacecode-workspace	brand-ui	Blocks	Unverified	4 deps
Data tabledata-table	brand-ui	Blocks	Unverified	4 deps
Flow canvasflow-canvas	brand-ui	Blocks	Unverified	4 deps