LangChain

Bring your LangChain agents to your users

Give your LangChain agents real user-interactivity using CopilotKit and AG-UI. Build rich, interactive, agent-powered applications.

Quickstart
What you can build

Build with LangChain

The user-facing primitives every LangChain integration ships with — pick the one that fits your product and drop the code in.

Generative UI

Render your agent's state, progress, outputs, and tool calls with custom UI components in real-time. Bridges the gap between AI agents and user interfaces.

Human in the Loop

Empower users to guide agents at key checkpoints. Combine the best of AI and human judgment for more reliable and controllable agent behavior.

Shared State

Keep your agent and your app in sync. Your agent can see everything in your app, and your app can react to your agent in real-time.

Already have LangGraph conversations?

When you add a user-facing app to an existing LangGraph agent, your users may need to open and continue conversations they already started. CopilotKit Intelligence can import supported LangGraph history as Rich Threads so your app does not start with an empty thread list.

The importer reads LangGraph Server, LangGraph Platform, or LangSmith Deployment thread and run APIs. It does not import standalone LangChain message stores, LangSmith traces, or embedded checkpointers that are not exposed through those APIs.

Import history once; future CopilotKit-mediated runs synchronize with Intelligence and continue through LangGraph's native persistence path when your durable checkpointer or Platform deployment remains configured. This is not a continuous mirror of runs made outside CopilotKit.

Import and synchronize LangGraph threads for source setup, agent mapping, and thread continuity.

Bring your LangGraph agents to production
Add persistent threads, observability, and the inspector with CopilotKit Intelligence.
Create a free account
How it fits together

Architecture

The shape of a CopilotKit + LangChain application — from your UI down to the agent runtime.

CopilotKit LangChain architecture diagram
Live example

Run LangChain in your browser

Two patterns we see most often — drive a SaaS workflow, or collaborate on a canvas with your agent.

A traditional SaaS application enhanced with AI agents. These copilots integrate seamlessly into existing workflows, providing intelligent assistance for specific business processes. Perfect for customer service, sales automation, project management, and domain-specific tasks where users need guided, step-by-step AI assistance.