AI Workflow Node Set
Agent workflow editor where the user chains trigger, LLM and tool with typed ports.
About this feature
What it's for
- Agent workflow editor where the user chains trigger, LLM and tool with typed ports.
- Support pipeline with a confidence condition, a per-document loop and human approval before replying.
- Automation builder where incompatible connections are rejected with the reason for the type mismatch.
For the infinite canvas with pan/zoom/minimap is needed instead of the node set, use AI Workflow Canvas. For the schema-generated per-node configuration form is required, use AI Node Config Panel.
Includes
- Typed ports
- Node kind set
- Connection validation
- Run status
- Node selection
- Keyboard connection
- Empty state
- Error state
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
agentic-ui add ai-workflow-node-setnpx shadcn@4.17.0 add @agentic-ui/ai-workflow-node-setUsed in
A standalone component: drop it into any screen.
- Type
- Feature
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- npm packages
- None beyond your project's React and Next.js
- Registry dependencies
lib-primitives- Files
2 files
- components/agentic-ui/ai-workflow-node-set/index.tsx
- components/agentic-ui/ai-workflow-node-set/types.ts
Related components
AI Agent Run Trace
Agent debug panel showing reasoning, tool calls with input/output, and the final response.
Details and live previewAI Chat Shell
Internal operations copilot with conversation history, a streaming thread and a per-conversation model picker.
Details and live previewAI Evals Results Table
Prompt eval suite: each nightly run is a column and each golden set case a row.
Details and live previewAI Multi Agent View
Research crew (planner, researcher, SQL analyst, writer, reviewer) coordinating in parallel on a report.
Details and live preview