Search nx-ui
Jump to any foundation, component, block or example.
Workflow
An agent-workflow canvas built on React Flow, with custom nodes, edges, controls and a floating panel. Pan and zoom to explore the pipeline. Every piece is a separate registry item — canvas, node, edge, controls, panel, toolbar and connection — installed together for an agent-builder surface.
bunx shadcn@latest add @nx-ui/ai-canvasAgent pipeline
A static four-step pipeline: prompt → reasoning model → search tool → final answer. Nodes and edges are canned; the edges animate to suggest data flow.
Node toolbar
Toolbar wraps React Flow's NodeToolbar: an action bar anchored to a node, rendered inside the node's own component so it inherits the node id. Pinned visible here — in an editor it appears on selection.
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | — |
…extends ReactFlowProps