ai-agent

agent-chat-ui: Simple Agent Interaction

Name: agent-chat-ui: Simple Agent Interaction
Author: langchain-ai

Interact with LangGraph agents via chat. For founders working with AI agents.

2,989 stars653 forksTypeScriptQuality 8/10Updated 7/15/2026100% free · open source

What it does

The agent-chat-ui tool allows founders to interact with LangGraph agents via a chat interface, enabling them to harness the capabilities of AI agents in a user-friendly way.

Install / run

git clone https://github.com/langchain-ai/agent-chat-ui.git && cd agent-chat-ui && npm install

When to use it

•When you need to test and debug LangGraph agents in a conversational format
•When you want to demonstrate the capabilities of your AI agents to non-technical stakeholders
•When you need to integrate LangGraph agents into a web-based application or workflow

Quick start

1Start by creating a new LangGraph agent in the LangChain framework
2Configure the agent-chat-ui to connect to your LangGraph agent by updating the `agent` field in the `config.ts` file
3Run the agent-chat-ui application with `npm run start` to launch the web interface
4Interact with your LangGraph agent through the chat interface, using natural language inputs to test and refine its performance
5Customize the appearance and behavior of the agent-chat-ui by modifying the `components` and `styles` directories

Ready-to-paste prompt

Ask your LangGraph agent a question like 'What are the key benefits of using a chat interface for interacting with AI agents?' to see its response

Heads up: Make sure you have the correct version of Node.js installed, as the agent-chat-ui requires a compatible runtime environment to function correctly, and may not work as expected with older or newer versions

Saves to your device