Agent Graph

zyeon/agent-graph

FreeComponent

A workflow DAG drawn in pure SVG from nodes and edges alone — layered auto-layout with crossing reduction, typed node shapes, status tints, flowing active wires, loop-back routing and four data states.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/agent-graph

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://ui.zyeon.ai/r/agent-graph.json

What it pulls in

npm packages

lucide-react
zod

Other registry items

utils

Files it writes

src/registry/ui/agent-graph.tsx
src/registry/ui/agent-graph.contract.ts

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	zyeon	Components	Free	1 dep
Activity Heatmapactivity-heatmap	zyeon	Components	Paid	1 dep · 2 files
Address Formaddress-form	zyeon	Components	Paid	1 dep
Agent Handoffagent-handoff	zyeon	Components	Free	1 dep
Agent Inboxagent-inbox	zyeon	Components	Free	2 deps · 2 files
Agent Permissionsagent-permissions	zyeon	Components	Free	2 deps · 2 files
Agent Planagent-plan	zyeon	Components	Free	2 deps · 2 files
Agent Rosteragent-roster	zyeon	Components	Free	2 deps · 2 files