Back to Copilotkit

State Rendering

showcase/shell-docs/src/content/docs/generative-ui/state-rendering.mdx

1.57.0615 B
Original Source

What is this?

State rendering lets you build UI that reflects your agent's state in real-time. As your agent progresses through nodes and emits state updates, your frontend renders those changes, showing progress, drafts, or intermediate results.

When should I use this?

Use state rendering when you want to:

  • Show real-time progress (e.g. "Researching... 2/5 complete")
  • Display drafts that update as the agent works
  • Build dashboards that reflect agent state
  • Render structured output outside of the chat

<IntegrationGrid path="generative-ui/state-rendering" exclude={["agno", "agent-spec"]} />