AgentGraph

AgentGraph is our node graph GUI library for visualizing and editing AI agent workflows, inspired by litegraph.js and leva.

We're developing AgentGraph in this repo and will extract it to a standalone npm package once it's usable by other projects.

Tech

• HTML Canvas
• React
• TypeScript
• Zustand
• use-gesture
• react-spring
• Radix/shad UI

Misc architecture

• <Canvas /> component fills available space with auto-resizing web canvas
• <Node />

Todos

• Draggable Nodes on Canvas
• Fields as text inputs
• Nodes collapsible
• Arrows connecting nodes with entry next_node
• Nodes can be reordered
• Nodes can be added/removed