Skip to content
Agentic UI Kit
Buy

AI Workflow Node Set

Agent workflow editor where the user chains trigger, LLM and tool with typed ports.

Full screen Try a theme

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 CLI
agentic-ui add ai-workflow-node-set
Installs through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/ai-workflow-node-set

Used 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