Skip to content
caliper ui docs
DemoSign inGet Pro

AI agent workflow components for React

Try Caliper UI’s workflow graph, tool-call trace and human approval UI. Install editable React source with the shadcn CLI.

Try the components

  • Agent Swarm demo. Show which agents depend on each other, how far they have progressed and which agent is waiting for a decision. Select an agent to inspect its work.
  • LLM Run Trace demo. Inspect model calls, tools and retrieval on a timeline. Open a step to see its inputs and outputs, and compare time, tokens and cost across the run.
  • Approvals demo. Ask a person to allow or deny a proposed action. Show the action and its risk level before they decide.

Connect your agent runtime

Connect the components to the run state from your own backend. Use the graph to show dependencies, the trace to explain a tool result, and an approval card before an action that requires a human decision. Enforce the decision in your backend.

Install the source

The demos are public. All three components are included in Caliper UI Pro at $199 USD once for one developer, plus tax where applicable. Use a Pro registry token to install the editable source with the shadcn CLI.