Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

📋 Open Multi-Agent Canvas Plug-in any LangGraph agents, then chat with them. Including Generative UI, state streaming, and automatic agent routing. New template for learning how to add frontend features to LangGraph agents. Try it out: LangChain

CopilotKit🪁

5,436 subscribers

15,492 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

Vixen Brain1 year ago

@LangChainAI Seems like you've assembled a team of undercover chatbots! What's their first mission?

Christian Esmann2 years ago

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

Jarrod Pulse1 year ago

@LangChainAI Taking Chatbots to the multiparty level like a translator at the UN!

Sherwood 💬1 year ago

@LangChainAI Is this an alternative to AI SDK and assistant-ui?

Jared Cloud1 year ago

@LangChainAI Plug in play agents? Sounds like AI LEGO.

DataInsta1 year ago

@LangChainAI this tool opens doors to endless creative collaboration!

Echo Byte1 year ago

@LangChainAI Time to recruit my own chat posse! Sounds quite innovative!

Electe1 year ago

@DeepLearn007 @LangChainAI @DeepLearn007, exciting advancements in generative tech. 🚀

Shan Smart1 year ago

@LangChainAI About to make my MAGnet AI—take that, Turing test!

Neuro Sage1 year ago

@LangChainAI Unleash teamwork on digital caffeine, sounds intriguing!

Angelixia1 year ago

@LangChainAI Agent matchmaker dreams come true!

Related Videos

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangChain LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

Big release here! AG-UI 🤝 Google A2A Embed A2A multi-agent meshes in your frontend, and build fullstack multi-agent apps with A2A and AG-UI. 🔍How it works: Simply drop-in A2A agent endpoints, and an A2A AG-UI orchestrator agent will bi-directionally stream events between your Agents & application. Includes: - UI for A2A Interactions - Generative UI for Agent Tool Calls - Human-in-the Loop Approvals - State Synchronization (agent mesh application state) - Frontend Tool Calls for A2A Agents Watch the demo below > LangChain LangGraph & Google ADK agents working together simultaneously inside an app Demo GitHub, docs, and more 👇

CopilotKit🪁

30,557 views • 7 months ago

Our latest LangChain Academy course – Building Ambient Agents with LangGraph – is now available! Most agents today handle one request at a time through chat interfaces. But as models have improved, agents can now run in the background – and take on long-running, complex tasks. LangGraph is built for these “ambient agents,” with support for human-in-the-loop workflows and memory. LangGraph Platform provides the infrastructure to run these agents at scale, and LangSmith helps you observe, evaluate, and improve your agents. Together, they make it easier to build reliable, production-ready agents. In this course, you’ll: 📩 Learn the fundamentals of LangGraph and how to build your own email agent 📊 Evaluate your agent using LangSmith ✅ Add human-in-the-loop for reviews, and memory so your agent adapts over time 🚀 Deploy your agent with LangGraph Platform and connect it to Gmail

Our latest LangChain Academy course – Building Ambient Agents with LangGraph – is now available! Most agents today handle one request at a time through chat interfaces. But as models have improved, agents can now run in the background – and take on long-running, complex tasks. LangGraph is built for these “ambient agents,” with support for human-in-the-loop workflows and memory. LangGraph Platform provides the infrastructure to run these agents at scale, and LangSmith helps you observe, evaluate, and improve your agents. Together, they make it easier to build reliable, production-ready agents. In this course, you’ll: 📩 Learn the fundamentals of LangGraph and how to build your own email agent 📊 Evaluate your agent using LangSmith ✅ Add human-in-the-loop for reviews, and memory so your agent adapts over time 🚀 Deploy your agent with LangGraph Platform and connect it to Gmail

LangChain

33,192 views • 11 months ago

🚀Launching CoAgents Public Beta 🪁: Everything you need to build Agent-Native applications, powered by LangGraph & CopilotKit. CoAgents enables in-app agents with: - Agenetic generative UI ✨ - Shared state (between agent application) - Streaming intermediate agent state - Human-in-the-Loop (Human approval & planning) 👨‍🦰 - Frontend Actions 💪 --- We’ve recently seen the emergence of Agent-Native applications that actually work: powered by vertical AI agents + agentic UX + deep in-app integration. (Apps like the Replit AI Agent, OpenAI Canvas, etc, but for any domain) With CoAgents + LangGraph, you can build this next generation of agent apps, for any vertical, with a clean and easy to use infrastructure (in hours). 💻Get started: 🗞️Blog: 🕹️Demo: 🗓️Webinar (Build an Agent-Native Apps with CoAgents & LangGraph): CC: Atai Barkai, , Harrison Chase

🚀Launching CoAgents Public Beta 🪁: Everything you need to build Agent-Native applications, powered by LangGraph & CopilotKit. CoAgents enables in-app agents with: - Agenetic generative UI ✨ - Shared state (between agent application) - Streaming intermediate agent state - Human-in-the-Loop (Human approval & planning) 👨‍🦰 - Frontend Actions 💪 --- We’ve recently seen the emergence of Agent-Native applications that actually work: powered by vertical AI agents + agentic UX + deep in-app integration. (Apps like the Replit AI Agent, OpenAI Canvas, etc, but for any domain) With CoAgents + LangGraph, you can build this next generation of agent apps, for any vertical, with a clean and easy to use infrastructure (in hours). 💻Get started: 🗞️Blog: 🕹️Demo: 🗓️Webinar (Build an Agent-Native Apps with CoAgents & LangGraph): CC: Atai Barkai, , Harrison Chase

CopilotKit🪁

51,633 views • 1 year ago

🖼️ Introducing Open Multi-Agent Canvas - with MCP Chat with multiple LangGraph agents and any MCP server inside of a canvas app. Powered by CopilotKit🪁, LangChain & Larinháh Here's an example of how we used it to plan our offsite. We connected an agent to the Google Maps API, had it find local spots, and then sent the itinerary directly to Slack via MCP to be reviewed by the team. Explore and extend:

🖼️ Introducing Open Multi-Agent Canvas - with MCP Chat with multiple LangGraph agents and any MCP server inside of a canvas app. Powered by CopilotKit🪁, LangChain & Larinháh Here's an example of how we used it to plan our offsite. We connected an agent to the Google Maps API, had it find local spots, and then sent the itinerary directly to Slack via MCP to be reviewed by the team. Explore and extend:

CopilotKit🪁

22,080 views • 1 year ago

🪁🦜CoAgents x LangGraph Bring your agents into React apps with powerful and fully customizable React hooks. Styled or headless UI. Including Agentic Chat, realtime Shared State, Frontend tools, Generative UI, and Human-in-the-Loop. Used by Fortune 100 teams & thousands of devs. Get started: LangChain

🪁🦜CoAgents x LangGraph Bring your agents into React apps with powerful and fully customizable React hooks. Styled or headless UI. Including Agentic Chat, realtime Shared State, Frontend tools, Generative UI, and Human-in-the-Loop. Used by Fortune 100 teams & thousands of devs. Get started: LangChain

CopilotKit🪁

17,150 views • 1 year ago

New AI Agentic course! Learn to use LangGraph to build single and multi-agent LLM applications in AI Agents in LangGraph. This short course, taught by LangChain LangChain founder Harrison Chase Harrison Chase and Tavily founder @weiss_rotem, shows how to integrate agentic search to enhance an agent's knowledge with query-focused answers in predictable formats. Also learn to implement agentic memory to save state for reasoning and debugging, and see how human-in-the-loop input can guide agents at key junctures. You'll build an agent from scratch, then reconstruct it with LangGraph to thoroughly understand the framework. Finally, you'll build a sophisticated essay-writing agent that incorporates all the learnings from the course. Sign up here!

New AI Agentic course! Learn to use LangGraph to build single and multi-agent LLM applications in AI Agents in LangGraph. This short course, taught by LangChain LangChain founder Harrison Chase Harrison Chase and Tavily founder @weiss_rotem, shows how to integrate agentic search to enhance an agent's knowledge with query-focused answers in predictable formats. Also learn to implement agentic memory to save state for reasoning and debugging, and see how human-in-the-loop input can guide agents at key junctures. You'll build an agent from scratch, then reconstruct it with LangGraph to thoroughly understand the framework. Finally, you'll build a sophisticated essay-writing agent that incorporates all the learnings from the course. Sign up here!

Andrew Ng

151,484 views • 2 years ago

🚀 Introducing LangGraph Cloud 🚀 LangGraph helps you build reliable agents that actually work. Today, we've launched LangGraph Cloud, our new infrastructure to run fault-tolerant LangGraph agents at scale. With LangGraph Cloud, you can: • Handle large workloads with horizontally-scaling servers, task queues, and built-in persistence • Debug agent failure modes and iterate quickly in a visual playground-like studio • Deploy in one-click and get integrated tracing & monitoring in LangSmith This builds on LangGraph v0.1, our latest stable release supporting diverse control flows - whether it's single- or multi-agent, hierarchal or sequential. You'll be able to create flexible agents with human-in-the-loop collaboration and first-class streaming support. We can't wait to see the agentic workflows you'll ship. LangGraph Cloud is available in closed beta today. 👉 Join the waitlist for LangGraph Cloud: ✍️ Read our blog post announcement: 📽️ Watch the video walkthrough: 🌀 Haven't tried LangGraph yet? Give it a spin here: 🙌 Check out the new LangGraph landing page:

🚀 Introducing LangGraph Cloud 🚀 LangGraph helps you build reliable agents that actually work. Today, we've launched LangGraph Cloud, our new infrastructure to run fault-tolerant LangGraph agents at scale. With LangGraph Cloud, you can: • Handle large workloads with horizontally-scaling servers, task queues, and built-in persistence • Debug agent failure modes and iterate quickly in a visual playground-like studio • Deploy in one-click and get integrated tracing & monitoring in LangSmith This builds on LangGraph v0.1, our latest stable release supporting diverse control flows - whether it's single- or multi-agent, hierarchal or sequential. You'll be able to create flexible agents with human-in-the-loop collaboration and first-class streaming support. We can't wait to see the agentic workflows you'll ship. LangGraph Cloud is available in closed beta today. 👉 Join the waitlist for LangGraph Cloud: ✍️ Read our blog post announcement: 📽️ Watch the video walkthrough: 🌀 Haven't tried LangGraph yet? Give it a spin here: 🙌 Check out the new LangGraph landing page:

LangChain

134,051 views • 1 year ago

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.

AI agents can finally talk to your frontend! The new AG-UI protocol lets your agents stream messages, sync state, call tools, and receive user input, live in the UI. It fills a critical gap in the agent ecosystem: ▸ MCP – agents to tools ▸ A2A – agents to agents ▸ AG-UI – agents to users, via frontends Connects to LangChain, CrewAI, and LlamaIndex (and more). 100% open-source.

Lior⚡

15,514 views • 11 months ago

🌟Our latest LangChain Academy course – Deep Agents with LangGraph – is now live!🌟 Many agents today follow the same simple pattern: run in a loop, call tools. That architecture works well enough, but it breaks down as tasks get more complex. Today, companies of all sizes – from startups to large enterprises – are building their own Deep Agents. These agents dive deeper. They’re able to plan complex tasks and carry them out over longer time horizons. There are four key features that set Deep Agents apart from regular agents: 1. Planning – keeps agents on track 2. File system – allows agents to offload context 3. Sub-agents – act as focused specialists 4. Prompting – provides agents with detailed instructions Our latest LangChain Academy course, Deep Agents with LangGraph, shows you how to combine these pieces with LangGraph to orchestrate long-running, multi-agent workflows. Big thanks to community member Dmitry Labazkin for helping us shape this course with his contributions! Enroll for free ➡️

🌟Our latest LangChain Academy course – Deep Agents with LangGraph – is now live!🌟 Many agents today follow the same simple pattern: run in a loop, call tools. That architecture works well enough, but it breaks down as tasks get more complex. Today, companies of all sizes – from startups to large enterprises – are building their own Deep Agents. These agents dive deeper. They’re able to plan complex tasks and carry them out over longer time horizons. There are four key features that set Deep Agents apart from regular agents: 1. Planning – keeps agents on track 2. File system – allows agents to offload context 3. Sub-agents – act as focused specialists 4. Prompting – provides agents with detailed instructions Our latest LangChain Academy course, Deep Agents with LangGraph, shows you how to combine these pieces with LangGraph to orchestrate long-running, multi-agent workflows. Big thanks to community member Dmitry Labazkin for helping us shape this course with his contributions! Enroll for free ➡️

LangChain

63,349 views • 8 months ago

🚀Announcing LangGraph Studio: The first agent IDE LangGraph Studio offers a new way to develop LLM applications by providing a specialized agent IDE that enables visualization, interaction, and debugging of complex agentic applications With visual graphs and the ability to edit state, you can better understand agent workflows and iterate faster. LangGraph Studio integrates with LangSmith so you can collaborate with teammates to debug failure modes LangGraph Studio is available for free to all LangSmith users on any plan tier during its early development. Read more about it here: Watch a YouTube walkthrough: Try out LangGraph Studio for free here: Sign up for a LangSmith account:

🚀Announcing LangGraph Studio: The first agent IDE LangGraph Studio offers a new way to develop LLM applications by providing a specialized agent IDE that enables visualization, interaction, and debugging of complex agentic applications With visual graphs and the ability to edit state, you can better understand agent workflows and iterate faster. LangGraph Studio integrates with LangSmith so you can collaborate with teammates to debug failure modes LangGraph Studio is available for free to all LangSmith users on any plan tier during its early development. Read more about it here: Watch a YouTube walkthrough: Try out LangGraph Studio for free here: Sign up for a LangSmith account:

LangChain

185,777 views • 1 year ago

Introducing CoAgents v0.2🪁🦜🚀 Build full-stack Agent-Native Apps with LangGraph 🤝 CopilotKit (Like Cursor for __) Including: ✨Agentic UI/UX + Frontend 🪢 Shared state (agent app) 👨‍🦰Human-in-the-Loop 🦜Full LangGraph Platform support (Python, JS, Cloud) Get Started: Check out the demo:

Introducing CoAgents v0.2🪁🦜🚀 Build full-stack Agent-Native Apps with LangGraph 🤝 CopilotKit (Like Cursor for __) Including: ✨Agentic UI/UX + Frontend 🪢 Shared state (agent app) 👨‍🦰Human-in-the-Loop 🦜Full LangGraph Platform support (Python, JS, Cloud) Get Started: Check out the demo:

CopilotKit🪁

32,118 views • 1 year ago

Excited to release: AgentUI > a fresh chat interface - natively multi-agent > agents coordinate via reports and figures > plug+play any open/closed model as sub-agent > agents specialise in code, web search, multimodal... Try it here:

Excited to release: AgentUI > a fresh chat interface - natively multi-agent > agents coordinate via reports and figures > plug+play any open/closed model as sub-agent > agents specialise in code, web search, multimodal... Try it here:

Leandro von Werra

40,997 views • 2 months ago

⭐️ New LangChain Academy Course: LangGraph Essentials (Python & TypeScript)⭐️ Learn the basics of LangGraph – our low-level orchestration framework purpose-built for building AI agents. Last week, we launched LangGraph 1.0, marking its first major stable release. LangGraph allows you to control every step of your agent’s workflow. It supports memory, human-in-the-loop interactions, and durable execution for managing long-running tasks. In this quickstart course, you'll learn how to: - Create simple workflows and build an agent - Use LangGraph’s core building blocks: State, Nodes, and Edges - Add memory to your agent - Incorporate human-in-the-loop interactions Enroll for free ➡️

⭐️ New LangChain Academy Course: LangGraph Essentials (Python & TypeScript)⭐️ Learn the basics of LangGraph – our low-level orchestration framework purpose-built for building AI agents. Last week, we launched LangGraph 1.0, marking its first major stable release. LangGraph allows you to control every step of your agent’s workflow. It supports memory, human-in-the-loop interactions, and durable execution for managing long-running tasks. In this quickstart course, you'll learn how to: - Create simple workflows and build an agent - Use LangGraph’s core building blocks: State, Nodes, and Edges - Add memory to your agent - Incorporate human-in-the-loop interactions Enroll for free ➡️

LangChain

53,969 views • 7 months ago

Building Fullstack LangGraph AI agents can be a challenge. So I wrote a tutorial on how to build a Frontend for your LangGraph AI agent in minutes using: - @LangChainAI - CopilotKit🪁 - Tavily Here is the demo + checkout tutorial link below 👇

Building Fullstack LangGraph AI agents can be a challenge. So I wrote a tutorial on how to build a Frontend for your LangGraph AI agent in minutes using: - @LangChainAI - CopilotKit🪁 - Tavily Here is the demo + checkout tutorial link below 👇

Bonnie

23,999 views • 1 year ago

🥳Announcing LangChain and LangGraph 1.0 LangChain and LangGraph 1.0 versions are now LIVE!!!! For both Python and TypeScript Some exciting highlights: - NEW DOCS!!!! - LangChain Agent: revamped and more flexible with middleware - LangGraph 1.0: we've been really happy with LangGraph and this is our official stamp of approval - Standard content blocks: swap seamlessly between models Read more about it here: We hope you love it!

🥳Announcing LangChain and LangGraph 1.0 LangChain and LangGraph 1.0 versions are now LIVE!!!! For both Python and TypeScript Some exciting highlights: - NEW DOCS!!!! - LangChain Agent: revamped and more flexible with middleware - LangGraph 1.0: we've been really happy with LangGraph and this is our official stamp of approval - Standard content blocks: swap seamlessly between models Read more about it here: We hope you love it!

Harrison Chase

112,697 views • 7 months ago

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Introducing the Generative UI Research Canvas ✨ Every agent needs a powerful UI Combine LangChain, Tavily, Tako and CopilotKit🪁 and you get a LangChain-based research agent with a Generative UI-driven frontend. When agents can explore the underlying data, research becomes more trustworthy and useful. How does this work? - LangChain manages the agent workflow and tool orchestration. - Tako converts retrieved data into structured, visual components - Tavily provides agentic search - CopilotKit renders those components in the UI and keeps the user in the loop while the agent is working So instead of a boring and static report, the output is an interactive research canvas that evolves as the agent runs. 2026 is the year where users want to see the output, not read it... Generative UI makes this possible for agentic applications. Tutorial: Open-Source Repo: Docs:

Atai Barkai

11,984 views • 4 months ago

🦜🤖Introducing Open Agent Platform An open-source, no-code agent building platform. OAP enables non-developers to build highly customizable agents, which connect to: - 🛠️MCP Tools - 📄LangConnect for RAG - 🤖Other LangGraph Agents! Try the public demo, or fork & customize it yourself! 🧵

🦜🤖Introducing Open Agent Platform An open-source, no-code agent building platform. OAP enables non-developers to build highly customizable agents, which connect to: - 🛠️MCP Tools - 📄LangConnect for RAG - 🤖Other LangGraph Agents! Try the public demo, or fork & customize it yourself! 🧵

LangChain

136,945 views • 1 year ago

🔥 Our latest LangChain Academy course – Deep Research with LangGraph – is now live! 🔥 Deep research agents are taking off – from major AI labs to companies building their own. Research is inherently open-ended. You can't always predict whether a question needs broad exploration or deep analysis. Agents excel here because they adapt on the fly, using each finding to decide where to dig next. Building these systems ourselves and with customers, we've learned that structure matters. The best research agents scope problems with users first. Then, they coordinate multiple specialists instead of overwhelming one generalist. LangGraph is built for these types of long-running, multi-agent workflows. Its persistence layer tracks progress across agents. LangSmith gives you the observability and evaluation tools you need to track and improve performance. In this course, you'll build and evaluate: - A user scoping agent to define research parameters - A multi-agent research team with supervisor - And add tool integration via MCP Enroll for free ➡️

🔥 Our latest LangChain Academy course – Deep Research with LangGraph – is now live! 🔥 Deep research agents are taking off – from major AI labs to companies building their own. Research is inherently open-ended. You can't always predict whether a question needs broad exploration or deep analysis. Agents excel here because they adapt on the fly, using each finding to decide where to dig next. Building these systems ourselves and with customers, we've learned that structure matters. The best research agents scope problems with users first. Then, they coordinate multiple specialists instead of overwhelming one generalist. LangGraph is built for these types of long-running, multi-agent workflows. Its persistence layer tracks progress across agents. LangSmith gives you the observability and evaluation tools you need to track and improve performance. In this course, you'll build and evaluate: - A user scoping agent to define research parameters - A multi-agent research team with supervisor - And add tool integration via MCP Enroll for free ➡️

LangChain

61,205 views • 9 months ago

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇

One hook connects any Agent to your frontend Then layer on chat UI, threads, generative UI, voice transcription, tool calls, state sync, HITL, and any AI feature. We make it easy for devs to build fullstack agentic apps. Everything here is built with CopilotKit 👇

CopilotKit🪁

20,309 views • 14 days ago