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.

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.