Agent Chat UI is a Next.js TypeScript web app that lets you chat with a LangGraph server via a UI. It supports environment variable configuration, deployment options, and instructions for production setup.
Collecting history — the radar snapshots this repo daily. The trend line appears after 3 days of data (1 so far).
What it is
Agent Chat UI is a Next.js application which enables chatting with any LangGraph server with a messages key through a chat interface.
How it works
The app connects a client chat interface to a LangGraph server using deployment URL, graph/assistant ID, and optional LangSmith API key. It includes environment variable overrides to bypass the initial setup form, and supports rendering artifacts through a side panel. It provides guidance for hiding messages and for production deployments via API passthrough or custom authentication.
Getting started
Clone or use npx to bootstrap the app:
npx create-agent-chat-app
or
git clone https://github.com/langchain-ai/agent-chat-ui.git
cd agent-chat-ui
Install dependencies:
pnpm install
Run the app:
pnpm dev
The app will be available at http://localhost:3000.
Environment and usage notes:
- NEXT_PUBLIC_API_URL
- NEXT_PUBLIC_ASSISTANT_ID
- NEXT_PUBLIC_AUTH_SCHEME (if using LangSmith or production setups)
## Recent releases
- none
## Traction
- stars: 3033
- forks: 665
- open_issues: 86
## Behind the repo
- repository: langchain-ai/agent-chat-ui
- language: TypeScript
- license: MIT
- created: 2025-02-18
- last_push: 2026-08-03
- topics: agent, chat, langgraph, llm
## Caveats
- Release section shows latest 0 with none; no additional release notes provided in the data.
- Environment variable usage examples and production guidance rely on external LangGraph tooling and API Passthrough packages referenced in the README.