11st of 6 in Agent UI and generative UI
agent-chat-ui
Next.js chat frontend for any LangGraph server with interrupts and artifacts
- Stars
- 3.2k
- License
- MIT
- Last commit
- Oct 2026
- Language
- TypeScript
Overview
A Next.js frontend that connects to any LangGraph server exposing a messages key: enter the deployment URL and assistant ID (or set them as env vars) and you get streaming chat, tool-call rendering, human-in-the-loop interrupts and an artifacts side panel. A built-in API passthrough route injects your LangSmith key server-side for production. For teams that have a LangGraph backend and need a UI today.
Who it is for: Teams with a LangGraph backend that need a chat UI
Strengths
- Works against local and deployed LangGraph servers with no backend changes
- Hosted version at agentchat.vercel.app and an npx scaffold
- Message hiding and artifact rendering conventions are documented
- Tests included; committed within the last two days
Weaknesses
- The passthrough proxy does not authenticate callers; README warns it exposes your deployment
- Production auth requires custom LangGraph authentication and code edits
- LangGraph SDK only; no AG-UI or AI SDK stream support
- No persistence of its own; threads live in the LangGraph server
What it needs
- TypeScript, langgraph
- Needs langgraph-server, langsmith-api-key-for-deployed-servers
- env example file
Also in Agent UI and generative UI
See all 6| Rank | Project | Score |
|---|---|---|
| 2 | OpenGenerativeUIChat interface that answers with 3D models, charts, calculators and maps | 45 out of 100 |
| 3 | agent-uiNext.js chat frontend for Agno AgentOS with tool calls and reasoning | 40 out of 100 |
| #4 | stockbot-on-groqGroq chatbot answering with TradingView widgets via AI SDK generative UI | 24 out of 100 |
| #5 | assistant-ui-stockbrokerassistant-ui frontend and LangGraph.js stockbroker agent with approval steps | 13 out of 100 |
| #6 | openai-structured-outputs-samplesThree Next.js samples driving UI from schema-constrained OpenAI outputs | 11 out of 100 |