Skip to content

UI

You can use a prebuilt chat UI for interacting with any LangGraph agent through the Agent Chat UI. Using the deployed version is the quickest way to get started, and allows you to interact with both local and deployed graphs.

Run agent in UI

First, set up LangGraph API server locally or deploy your agent on LangGraph Cloud.

Then, navigate to Agent Chat UI, or clone the repository and run the dev server locally:

Tip

UI has out-of-box support for rendering tool calls, and tool result messages. To customize what messages are shown, see the Hiding Messages in the Chat section in the Agent Chat UI documentation.

Add human-in-the-loop

Agent Chat UI has full support for human-in-the-loop workflows. To try it out, replace the agent code in src/agent/graph.py (from the deployment guide) with this agent implementation:

Important

Agent Chat UI works best if your LangGraph agent interrupts using the HumanInterrupt schema. If you do not use that schema, the Agent Chat UI will be able to render the input passed to the interrupt function, but it will not have full support for resuming your graph.

Generative UI

You can also use generative UI in the Agent Chat UI.

Generative UI allows you to define React components, and push them to the UI from the LangGraph server. For more documentation on building generative UI LangGraph agents, read these docs.