Loading video...

Video Failed to Load

Go Home

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...

CopilotKit's profile picture

CopilotKit🪁

6,321 subscribers

30,557 views • 8 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

New course: A2A: The Agent2Agent Protocol, built with Google Cloud Tech and IBM Research, and taught by Holt Skinner, Ivan Nardini, and Sandi Besen. Connecting agents built with different frameworks usually requires extensive custom integration. This short course teaches you A2A, the open protocol standardizing how agents discover each other and communicate. Since IBM’s ACP (Agent Communication Protocol) joined forces with A2A, A2A has emerged as the industry standard. In this course, you'll build a healthcare multi-agent system where agents built with different frameworks, such as Google ADK (Agent Development Kit) and LangGraph, collaborate through A2A. You'll wrap each agent as an A2A server, build A2A clients to connect to them, and orchestrate them into sequential and hierarchical workflows. Skills you'll gain: - Expose agents from different frameworks as A2A servers to make them discoverable and interoperable - Chain A2A agents sequentially using ADK, where one agent's output feeds into the next - Connect A2A agents to external data sources using MCP (Model Context Protocol) - Deploy A2A agents using Agent Stack, IBM's open-source infrastructure Join and learn the protocol standardizing agent collaboration!
3:06

New course: A2A: The Agent2Agent Protocol, built with Google Cloud Tech and IBM Research, and taught by Holt Skinner, Ivan Nardini, and Sandi Besen. Connecting agents built with different frameworks usually requires extensive custom integration. This short course teaches you A2A, the open protocol standardizing how agents discover each other and communicate. Since IBM’s ACP (Agent Communication Protocol) joined forces with A2A, A2A has emerged as the industry standard. In this course, you'll build a healthcare multi-agent system where agents built with different frameworks, such as Google ADK (Agent Development Kit) and LangGraph, collaborate through A2A. You'll wrap each agent as an A2A server, build A2A clients to connect to them, and orchestrate them into sequential and hierarchical workflows. Skills you'll gain: - Expose agents from different frameworks as A2A servers to make them discoverable and interoperable - Chain A2A agents sequentially using ADK, where one agent's output feeds into the next - Connect A2A agents to external data sources using MCP (Model Context Protocol) - Deploy A2A agents using Agent Stack, IBM's open-source infrastructure Join and learn the protocol standardizing agent collaboration!

Andrew Ng

85,086 views • 4 months ago

Introducing the Developer’s Guide to AI Agent Protocols. Stop writing custom integration glue for every tool, API, and frontend. We used Google Agent Development Kit to build a B2B agent that handles the full stack using 6 open standards: MCP, A2A, UCP, AP2, A2UI, and AG-UI The future of agents is interoperable. Read the full technical guide here:
0:35

Introducing the Developer’s Guide to AI Agent Protocols. Stop writing custom integration glue for every tool, API, and frontend. We used Google Agent Development Kit to build a B2B agent that handles the full stack using 6 open standards: MCP, A2A, UCP, AP2, A2UI, and AG-UI The future of agents is interoperable. Read the full technical guide here:

Google for Developers

116,441 views • 3 months ago

📋 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
0:30

📋 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🪁

15,492 views • 1 year ago

🚀 AG2 v0.11.1 is live! 🖥️ AG-UI Message Streaming – Real-time agent responses in your AG-UI frontends with new event-based streaming architecture. 🌊 A2A Streaming – Full streaming support for Agent-to-Agent communication! LLM text streaming now flows through A2A for real-time responses from remote agents, both server and client-side. 📡 OpenAI – Get more out of OpenAI's latest Responses API with stateful conversations, built-in tools (web search, image gen, apply_patch), reasoning model support, and enhanced cost tracking. Docs: 🛠️🪲 Bug fixes and maintenance #AG2 #AI #MultiAgentSystems #AIAgents #OpenSource #AGUI
0:47

🚀 AG2 v0.11.1 is live! 🖥️ AG-UI Message Streaming – Real-time agent responses in your AG-UI frontends with new event-based streaming architecture. 🌊 A2A Streaming – Full streaming support for Agent-to-Agent communication! LLM text streaming now flows through A2A for real-time responses from remote agents, both server and client-side. 📡 OpenAI – Get more out of OpenAI's latest Responses API with stateful conversations, built-in tools (web search, image gen, apply_patch), reasoning model support, and enhanced cost tracking. Docs: 🛠️🪲 Bug fixes and maintenance #AG2 #AI #MultiAgentSystems #AIAgents #OpenSource #AGUI

AG2

17,502 views • 4 months ago

Microsoft 🤝 AG-UI Protocol Microsoft Agent Framework is now AG-UI compatible! 🎉 Connect your MS Agent Framework .NET agents into fullstack applications with Python coming soon 👀 MS Agent Framework takes care of the agentic backend, AG-UI connects your agents to the frontend. Features include: - Chat UI - Generative UI - State synchronization - Human-in-the-loop - Frontend Tool Calls All the building blocks you need to take your agents from the backend and into a fullstack agentic application. Available in React & Angular via CopilotKit, and Rust, Kotlin, Rust, Java and .NET via community SDKs Big shoutout to the Microsoft & CopilotKit teams, who shipped this highly requested integration at breakneck speeds. More coming soon 👀 🙏 Javier Nelson, Joonseok Oh, Daniel Roth, Evan Mattson, Tyler Slaton, Brandon McConnell, Markus Ecker Read more about our collaboration: Get started: Check out the Dojo:
1:13

Microsoft 🤝 AG-UI Protocol Microsoft Agent Framework is now AG-UI compatible! 🎉 Connect your MS Agent Framework .NET agents into fullstack applications with Python coming soon 👀 MS Agent Framework takes care of the agentic backend, AG-UI connects your agents to the frontend. Features include: - Chat UI - Generative UI - State synchronization - Human-in-the-loop - Frontend Tool Calls All the building blocks you need to take your agents from the backend and into a fullstack agentic application. Available in React & Angular via CopilotKit, and Rust, Kotlin, Rust, Java and .NET via community SDKs Big shoutout to the Microsoft & CopilotKit teams, who shipped this highly requested integration at breakneck speeds. More coming soon 👀 🙏 Javier Nelson, Joonseok Oh, Daniel Roth, Evan Mattson, Tyler Slaton, Brandon McConnell, Markus Ecker Read more about our collaboration: Get started: Check out the Dojo:

CopilotKit🪁

40,513 views • 7 months ago

One for product. One for research. II-Agent: prompt to UI, prototype, Figma. II-Commons: live arXiv + PubMed, Policy_CA, faster A2A. (note: video made by II-Agent)
1:37

One for product. One for research. II-Agent: prompt to UI, prototype, Figma. II-Commons: live arXiv + PubMed, Policy_CA, faster A2A. (note: video made by II-Agent)

Intelligent Internet

750,784 views • 2 months ago

Stop leaving your Agent stateless. Give it Threads in one hook. Resumable conversations that capture everything: messages, generative UI, shared state, human-in-the-loop workflows. Built on AG-UI, so it works with any compatible agent framework. docs:
0:23

Stop leaving your Agent stateless. Give it Threads in one hook. Resumable conversations that capture everything: messages, generative UI, shared state, human-in-the-loop workflows. Built on AG-UI, so it works with any compatible agent framework. docs:

Atai Barkai

40,879 views • 1 month ago

NEW VIDEO - Build Multi-Agent AI Systems with Google's A2A Protocol in 15 Minutes ➝ How A2A protocol works ➝ Building Agent Cards to describe agent capabilities ➝ Building both a server and client ➝ Implementing agent communication ➝ Complete Guide with TypeScript 0:00 - Introduction 2:10 - Project setup 3:43 - Hello World 7:05 - Adding task support 12:15 - Movie agent example 14:48 - Conclusion
15:20

NEW VIDEO - Build Multi-Agent AI Systems with Google's A2A Protocol in 15 Minutes ➝ How A2A protocol works ➝ Building Agent Cards to describe agent capabilities ➝ Building both a server and client ➝ Implementing agent communication ➝ Complete Guide with TypeScript 0:00 - Introduction 2:10 - Project setup 3:43 - Hello World 7:05 - Adding task support 12:15 - Movie agent example 14:48 - Conclusion

nader dabit

27,138 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 👇
0:37

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,473 views • 1 month ago

OpenAI Agents SDK 100% Local using ollama Create an Application with DEMO: 👇 🎓 Learn to Create: 1️⃣ Single Agent 2️⃣ Custom Tool 3️⃣ Multi Agents 4️⃣ UI Chainlit
8:26

OpenAI Agents SDK 100% Local using ollama Create an Application with DEMO: 👇 🎓 Learn to Create: 1️⃣ Single Agent 2️⃣ Custom Tool 3️⃣ Multi Agents 4️⃣ UI Chainlit

Mervin Praison

33,270 views • 1 year 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
1:46

🚀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,637 views • 1 year ago

Find research faster with II-Commons Search arXiv + PubMed (web app + Agent demo, API/MCP/A2A) Beta now live for II-Accounts
0:35

Find research faster with II-Commons Search arXiv + PubMed (web app + Agent demo, API/MCP/A2A) Beta now live for II-Accounts

Intelligent Internet

502,053 views • 8 months ago

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from shadcn on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:
0:36

Introducing Shadify: Generative UI built on ShadCN Simply describe a UI and watch your LangChain agent compose from shadcn on the fly, using AG-UI and CopilotKit🪁. Then export it as React code. Repo below. Try it out here:

Atai Barkai

137,922 views • 3 months 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:
1:57

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

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:
0:36

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,997 views • 4 months ago

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.
1:32

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Santiago

46,109 views • 1 year ago

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵
0:28

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

serafim

41,784 views • 2 months ago

Agents were once limited to calling APIs. Now agents participate in the economy. The missing element for autonomous agents was always payments. Now agents transact natively on the internet using x402, enabling autonomous payments between agents and services. Agent Stack: 🦞 Openclaw agent infra ▶️ Telegram communication layer 🤖 Teneo agent + agent wallet Agent Workflow - Compare accounts following two separate X handles: ✅ User - Enters a query ✅ Agent - Autonomously selects the correct Teneo agent and queries it ✅ Agent - Pays via x402 on Avalanche🔺 ✅ Agent - Returns structured dataset Any user can simply ask a question and give a job. The agent does everything else No API keys. No subscriptions. Just programmatic value exchange. Build and monetize your own agents today. #A2A #x402 #Infra
0:33

Agents were once limited to calling APIs. Now agents participate in the economy. The missing element for autonomous agents was always payments. Now agents transact natively on the internet using x402, enabling autonomous payments between agents and services. Agent Stack: 🦞 Openclaw agent infra ▶️ Telegram communication layer 🤖 Teneo agent + agent wallet Agent Workflow - Compare accounts following two separate X handles: ✅ User - Enters a query ✅ Agent - Autonomously selects the correct Teneo agent and queries it ✅ Agent - Pays via x402 on Avalanche🔺 ✅ Agent - Returns structured dataset Any user can simply ask a question and give a job. The agent does everything else No API keys. No subscriptions. Just programmatic value exchange. Build and monetize your own agents today. #A2A #x402 #Infra

Teneo Protocol

36,890 views • 3 months ago

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.
0:23

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

451,475 views • 20 days ago

AI agents won’t just help finance. They’ll run parts of it. Trading. Autonomous execution. All verifiable onchain. Don’t believe us? Watch Canonical's anand iyer break down how agent-to-agent (A2A) economies are scaling beyond human limits and using Coinbase’s x402 to get paid.
1:40

AI agents won’t just help finance. They’ll run parts of it. Trading. Autonomous execution. All verifiable onchain. Don’t believe us? Watch Canonical's anand iyer break down how agent-to-agent (A2A) economies are scaling beyond human limits and using Coinbase’s x402 to get paid.

Coinbase Institutional 🛡️

24,194 views • 6 months ago