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.

🚀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 Chaseshow more

CopilotKit🪁

11,419 subscribers

51,646 views • 1 year ago •via X (Twitter)

Science & Technology News & Politics Education

Anya Rossi• Live Now

Private livecam show

10 Comments

CopilotKit🪁1 year ago

Based in San Francisco? Come build an Agent Native application in our Hackathon (feat Google, AI Tinkeres, Weights & Biases, Tavily, E2B & more!) Nov 2nd & 3rd:

Nathan🔶Tarbert1 year ago

I'm super excited about this launch! 🚀

Jake Colling1 year ago

Looks slick! Congrats on the release y'all!

Uli 🪁1 year ago

Agent applications are becoming powerful & actually useful. Super Excited for this 🪁🚀

Markus Ecker1 year ago

Nice overview!

Vasek Mlejnsky1 year ago

Nice work!

Sid Uppal1 year ago

Great progress @ataiiam and team, since your demo at @AITinkerers a while ago! 👏 I’m curious to see if CopilotKit enabled apps would be easier to pilot for stuff like the newly released computer-use from Anthropic at some point — since it’s more deeply integrated with the app.

Till - gotoHuman.com1 year ago

Looks great @ataiiam💪 We also just published a LangGraph human-in-the-loop demo. But for async use cases, i.e. autonomous agents.

McBain1 year ago

Amped to dig into this

David1 year ago

This is great! 🔥⚡

Related Videos

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 Introduce Coagents🚀: An innovative framework for building human-in-the-loop agents into applications - powered by LangGraph & CopilotKit. Coagents enable: - End-users to correct agent steps (in-app)🛤️ - Stream intermediate agent state 🪢 - Expose LangGraph agents as specialized skills for an app's copilot 🧠 --- Human-in-the-loop is key to taking agents from cool demos to actually useful tools. Coagents, in combination with LangGraph are a big step towards making in-app, human-in-the-loop agents trivially easy to develop. Check out the first ever demo of Coagents, an AI Children's book generator 👇 Coagents will be entirely open-sourced. Interested in contributing/early access? CC: , shadcn, Harrison Chase, Lance Martin, Ariel Weinberger

🚀Excited to Introduce Coagents🚀: An innovative framework for building human-in-the-loop agents into applications - powered by LangGraph & CopilotKit. Coagents enable: - End-users to correct agent steps (in-app)🛤️ - Stream intermediate agent state 🪢 - Expose LangGraph agents as specialized skills for an app's copilot 🧠 --- Human-in-the-loop is key to taking agents from cool demos to actually useful tools. Coagents, in combination with LangGraph are a big step towards making in-app, human-in-the-loop agents trivially easy to develop. Check out the first ever demo of Coagents, an AI Children's book generator 👇 Coagents will be entirely open-sourced. Interested in contributing/early access? CC: , shadcn, Harrison Chase, Lance Martin, Ariel Weinberger

CopilotKit🪁

69,301 views • 1 year 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.

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

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 • 8 months 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

📋 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

📋 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

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

Don't just learn how to build AI agents. Instead, learn how to build full-stack AI agents that actually work inside apps. Today, we have reliable tools to create decent agentic workflows. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? This is where I would like to introduce CoAgents by CopilotKit🪁, they offer all the essential building blocks for full-stack agentic apps. The best part, they're completely open-source with an MIT Licence ✨ (link to their GitHub repo in the next tweet) The latest updates to CoAgents include: ↳ Human-in-the-loop: Real-time human approvals. ↳ LangGraph integration: Supports LG Studio, Platform, and self-hosted. ↳ Agentic UI: Agents generate UI components dynamically. ↳ Predictive state updates: Preview upcoming changes. ↳ Enhanced documentation: Clear, step-by-step guidance. The video below showcases a full-stack Travel Planner app built in 20 minutes using CoAgents. Impressive, right? Big thanks to CopilotKit for partnering on today's post and showing what's possible with their powerful Agent-development framework.

Don't just learn how to build AI agents. Instead, learn how to build full-stack AI agents that actually work inside apps. Today, we have reliable tools to create decent agentic workflows. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? This is where I would like to introduce CoAgents by CopilotKit🪁, they offer all the essential building blocks for full-stack agentic apps. The best part, they're completely open-source with an MIT Licence ✨ (link to their GitHub repo in the next tweet) The latest updates to CoAgents include: ↳ Human-in-the-loop: Real-time human approvals. ↳ LangGraph integration: Supports LG Studio, Platform, and self-hosted. ↳ Agentic UI: Agents generate UI components dynamically. ↳ Predictive state updates: Preview upcoming changes. ↳ Enhanced documentation: Clear, step-by-step guidance. The video below showcases a full-stack Travel Planner app built in 20 minutes using CoAgents. Impressive, right? Big thanks to CopilotKit for partnering on today's post and showing what's possible with their powerful Agent-development framework.

Akshay 🚀

90,819 views • 1 year 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

Build the future of multi-agent apps + compete for $100K in prizes. Join us for the Internet of Agents Hackathon, where developers will build multi-agent applications 10x faster with Coral Protocol. With our v1 launch coming up, any agent dev will be able to publish their agent once and get paid forever. Anyone building software will be able to unlock the vast Internet of Agents through our agent marketplace powered by Solana. Build with us online or in person alongside lablab.ai, Crossmint, & more👇

Build the future of multi-agent apps + compete for $100K in prizes. Join us for the Internet of Agents Hackathon, where developers will build multi-agent applications 10x faster with Coral Protocol. With our v1 launch coming up, any agent dev will be able to publish their agent once and get paid forever. Anyone building software will be able to unlock the vast Internet of Agents through our agent marketplace powered by Solana. Build with us online or in person alongside lablab.ai, Crossmint, & more👇

Coral OS

179,499 views • 10 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 • 1 year 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,473 views • 1 month ago

soon you're going to be able to have AI autonomously build apps for you, with no human in the loop. me, someone who can't code, can make an app with - Claude Computer Agent, that controls Cursor - clones a github repo - opens composer in agent mode - and prompts it with an app idea - and then waits for the Cursor Agent to finish Then I prompted that agent to test the app! (template @senior_swc)

soon you're going to be able to have AI autonomously build apps for you, with no human in the loop. me, someone who can't code, can make an app with - Claude Computer Agent, that controls Cursor - clones a github repo - opens composer in agent mode - and prompts it with an app idea - and then waits for the Cursor Agent to finish Then I prompted that agent to test the app! (template @senior_swc)

Riley Brown

48,960 views • 1 year ago

Don't just learn how to build AI agents. Instead, learn how to build... ...full-stack AI agents that actually work inside apps. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? CoAgents by CopilotKit🪁 solves this. It is the only framework that offers all the essential Agentic front-end building blocks to set up full-stack agentic apps. And most recently, they have extended full-stack development support to Agents built with CrewAI ✨. This includes both regular Agentic Crews and Flows. Check their GitHub repo it's 100% open-source, I have shared link in the next tweet! With this update, here's what you can do with Agents built using CrewAI: ↳ Chat: Add chat components for interaction. ↳ Human-in-the-loop: Real-time human approvals. ↳ Predictive state updates: Preview upcoming changes. ↳ Agentic UI: Agents generate UI components dynamically. This way, you can give your CrewAI Agents a frontend brain—so they don’t just work behind the scenes, they become an integral part of the user experience. The video below showcases a full-stack CrewAI Agent built in 20 minutes using CoAgents. Impressive, right?

Don't just learn how to build AI agents. Instead, learn how to build... ...full-stack AI agents that actually work inside apps. Yet, the main challenge is transitioning them from local setups to user-facing apps. Here are some key factors to consider: - How do you embed a seamless UI? - How do you enable user control when necessary? - How do you unify the agent’s state and actions with the app? CoAgents by CopilotKit🪁 solves this. It is the only framework that offers all the essential Agentic front-end building blocks to set up full-stack agentic apps. And most recently, they have extended full-stack development support to Agents built with CrewAI ✨. This includes both regular Agentic Crews and Flows. Check their GitHub repo it's 100% open-source, I have shared link in the next tweet! With this update, here's what you can do with Agents built using CrewAI: ↳ Chat: Add chat components for interaction. ↳ Human-in-the-loop: Real-time human approvals. ↳ Predictive state updates: Preview upcoming changes. ↳ Agentic UI: Agents generate UI components dynamically. This way, you can give your CrewAI Agents a frontend brain—so they don’t just work behind the scenes, they become an integral part of the user experience. The video below showcases a full-stack CrewAI Agent built in 20 minutes using CoAgents. Impressive, right?

Akshay 🚀

27,153 views • 1 year 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,816 views • 1 year 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 • 2 years ago

Announcing Native Mobile App support on Replit. Now you can build iOS and Android apps that you can take all the way to the App Store without writing any code, powered by Replit Assistant. This is early access—full Agent support coming soon!

Announcing Native Mobile App support on Replit. Now you can build iOS and Android apps that you can take all the way to the App Store without writing any code, powered by Replit Assistant. This is early access—full Agent support coming soon!

Amjad Masad

812,607 views • 1 year ago

AI app builders are officially obsolete. Stop building static sites. Start building AI-Native Apps. Enter Pro doesn’t just code a page; it builds apps with 'Brains', integrating Claude, GPT, and Gemini directly into your workflow via AI All. designed for build ai native apps or agent One sentence in. A real, emphasis on "ai native app", enter can build ai app or agent, with llm integrated. including the latest image and video models like nano banana, seedance 2.0(ready to launch), veo3.1 etc. Auth. Database. Payments. Handled.

AI app builders are officially obsolete. Stop building static sites. Start building AI-Native Apps. Enter Pro doesn’t just code a page; it builds apps with 'Brains', integrating Claude, GPT, and Gemini directly into your workflow via AI All. designed for build ai native apps or agent One sentence in. A real, emphasis on "ai native app", enter can build ai app or agent, with llm integrated. including the latest image and video models like nano banana, seedance 2.0(ready to launch), veo3.1 etc. Auth. Database. Payments. Handled.

Darshal Jaitwar

40,362 views • 4 months 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