⭐️Introducing AG-UI;
The Agent-User Interaction protocol 👾
Bring your AI agents into Frontend applications, and let them interact with users.
Launching with day-0 integrations with LangGraph, CrewAI, Mastra, and AG2 - with more partnerships on the way 👀
How it works & demo 👇
Render UI anywhere in your app 🏄
Pick an area, wrap it as a Surface, and tell the agent what belongs there.
@AlemTuzlak walks through the code and an example.
Works with any AG-UI agent!
Full YouTube walkthrough:
How it works (with code)👇
<𝙶𝚎𝚗𝚎𝚛𝚊𝚝𝚒𝚟𝚎𝚄𝙸𝚂𝚞𝚛𝚏𝚊𝚌𝚎
𝚒𝚍="𝚏𝚎𝚊𝚝𝚞𝚛𝚎𝚍"
𝚍𝚎𝚜𝚌𝚛𝚒𝚙𝚝𝚒𝚘𝚗="𝚃𝚑𝚎 𝙵𝚎𝚊𝚝𝚞𝚛𝚎𝚍 𝙿𝚛𝚘𝚍𝚞𝚌𝚝𝚜 𝚛𝚘𝚠 𝚘𝚏 𝚝𝚑𝚎 𝚑𝚘𝚖𝚎 𝚙𝚊𝚐𝚎."
𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜={["𝙿𝚛𝚘𝚍𝚞𝚌𝚝𝙶𝚛𝚒𝚍", "𝙿𝚛𝚘𝚍𝚞𝚌𝚝𝙲𝚊𝚛𝚍"]}
𝚏𝚊𝚕𝚕𝚋𝚊𝚌𝚔=. {<𝙵𝚎𝚊𝚝𝚞𝚛𝚎𝚍𝙿𝚛𝚘𝚍𝚞𝚌𝚝𝚜 />}
/>
→ description tells the agent what the area is for
→ components is the list of what the agent is allowed to put there
→ fallback is your normal UI, shown until the agent fills the area
Two things are handled for you:
1/ The agent only knows about an area while it's on screen, so if it isn't there, the answer shows up in the chat instead.
2/ Anything the agent tries to render that isn't on your list gets rejected, with the reason sent back so the agent can fix it.
Docs:
RT @legend721617: Found an interesting open-source project in #GitHub : OpenBot by @CopilotKit .
It lets us build AI coworkers that can browse the web, work with files, and use tools you approve all on your own infrastructure.
Your ai workers for ur project 😉
🔗
Generated UI is moving beyond the chat
Use CopilotKit Surfaces to let your agent render *anywhere* on your page.
See below👇
Share
Copied
Atai Barkai@ataiiam
Your UI can now be changed in real time
(Safely)
Wrap any part of your page in 'GenerativeUISurface' and your agent can render there, with your own content as the fallback.
2027 will be all about composable interfaces.
Docs:
Your UI can now be changed in real time
(Safely)
Wrap any part of your page in 'GenerativeUISurface' and your agent can render there, with your own content as the fallback.
2027 will be all about composable interfaces.
Docs:
RT @AlemTuzlak: I've been working with Markus on this and its straight fire 🔥
Imagine Suspense in React, but instead of a loading fallback you get Generative UI in any part of your app.
You choose your components or you use our catalog of 70+ ones.
Share
Copied
Atai Barkai@ataiiam
🎉 New in @CopilotKit Generative UI: Catalogs and Surfaces
In just 2 lines of code, you get a catalog of 70 prebuilt components that can render in the chat.
Just add one more wrapper, and it can render ANYWHERE on your page.
Transport either via tool call or markdown.
Ready made for A2UI 1.0!
👾 Repo:
🎉 New in @CopilotKit Generative UI: Catalogs and Surfaces
In just 2 lines of code, you get a catalog of 70 prebuilt components that can render in the chat.
Just add one more wrapper, and it can render ANYWHERE on your page.
Transport either via tool call or markdown.
Ready made for A2UI 1.0!
👾 Repo:
RT @ManfredSteyer: At our Agentic UI workshop during Agentic Web Week & @JavaScriptCon in Munich, I used @CopilotKit's new built-in A2UI support for #Angular. Combined with the server-side middleware that integrates A2UI via AG-UI, it makes building dynamic, agent-driven UIs a piece of cake.
RT @0rdlibrary: RIP Wallets.
Long Live Clawd. Spider clawd? Spider fucking clawd.
The first Voice and Vision agent for charts.
On and Off Chain.
Now with @grok 4.7, @trycua, and @CopilotKit
Accelerate the fucking vision.
RT @sofiiiiiasz: CDMX showed UP⚡️⚡️ what an electric night of demos, a torrential thunderstorm, and matcha on tap
so awesome to see how many people know @CopilotKit around mexico & to meet the community IRL after remotely hosting several global hackathons in MTY, CDMX, and durango
& shoutout to @temnco for the sick @NotionHQ custom blocks demo. temazcal when??
Share
Copied
sofía@sofiiiiiasz
kicking off mexico city tech week tonight with @AITinkerers!
and guest speakers from @NotionHQ + @Google
nos vemos prontooo🌻🌹💀🕯️
🎉 Introducing Generative UI: Catalog and Surfaces
In just 2 lines of code, your agent can answer with real UI in the chat. One more wrapper, and it can render anywhere on your page.
Includes:
▪️ 70 ready-made components
▪️ Live UI streaming
▪️ Buttons & forms wired to your app’s state
▪️ Your theme, fonts & mode
▪️ 100% customizable
▪️ Works with any AG-UI compatible agent
▪️ Ready for A2UI 1.0
Get started docs:
RT @eli__berman: Regarding OpenBot, OpenMuse, Open...
We already have early access to the business version of this (@CopilotKit Soar):
We're working on the consolidated OS version 👀
If you have specific requests, let us know.
Share
Copied
Leonhard Breuer@cheetahbyte
@eli__berman Why don't you guys just do one solution that combines all (good) features?
RT @eli__berman: The best self-hosted version of:
Grok Bot?
→ OpenBot (7.5k ⭐️):
Muse?
→ OpenMuse (5.8k ⭐️):
Dots?
→ OpenDots (6.1k ⭐️):
Duet?
→ OpenDuet (1k ⭐️):
They all have similar underlying infra. The main difference is YOUR preference of UXUI.
All open source, by @CopilotKit.
So you can clone it, customize it, and make it yours. These templates get you 99% of the way there.
Share
Copied
Atai Barkai@ataiiam
🎉 Introducing OpenDuet
Self-hostable, proactive AI agents that you own and works with ANY agent harness.
Includes:
- Build, generate, and edit live assets
- Human-in-the-loop approvals
- Computer use
- Mobile, Web, and Channels
Repo →
Powered by @CopilotKit and AG-UI.
Clone this template and customize it however you want. Enterprise-ready.
🎉 Introducing OpenDuet
Self-hostable, proactive AI agents that you own and works with ANY agent harness.
Includes:
- Build, generate, and edit live assets
- Human-in-the-loop approvals
- Computer use
- Mobile, Web, and Channels
Repo →
Powered by @CopilotKit and AG-UI.
Clone this template and customize it however you want. Enterprise-ready.
We’re opening a research preview of Claude Duet, a new app where Claude works as a proactive agent.
It comes to you with what needs your attention, completes tasks you ask of it, keeps working when you step away, and checks with you before it acts on your behalf.
Flutter is coming to CopilotKit.
We’re partnering with @VGVentures, the leading Flutter development agency, on a first-class Flutter SDK for CopilotKit.
It’s built on the AG-UI Dart SDK contributed by @punk1290. One contribution at the protocol layer is now the base for agentic mobile apps 🙏
Agent-native experiences on mobile:
→ In-app copilots on iOS + Android
→ Generative UI rendered natively
→ Human-in-the-loop, wherever your users are
All from one codebase.
Come see it in person at Mexico City Tech Week 🇲🇽
📍 Microsoft AI Tour: joint booth sessions with VGV
📍 Claude Community House: hands-on workshop building agentic Flutter apps
Building AI into a mobile app? Come find us 🚀
🎉 Introducing OpenDuet
Self-hostable, proactive AI agents that you own and works with ANY agent harness.
Includes:
- Build, generate, and edit live assets
- Human-in-the-loop approvals
- Computer use
- Mobile, Web, and Channels
Repo →
Powered by @CopilotKit and AG-UI.
Clone this template and customize it however you want. Enterprise-ready.
Give your Angular apps Agentic UI
In one prompt👇
“Read and help me get set up.”
Share
Copied
Angular@angular
Ready to bring agentic AI into your Angular dashboard? 🤖🛠️
With CopilotKit integration, you can equip LLMs with frontend actions and app context so users can navigate and edit data with natural language.
What’s the first AI feature your users requested? 👇
Ready to bring agentic AI into your Angular dashboard? 🤖🛠️
With CopilotKit integration, you can equip LLMs with frontend actions and app context so users can navigate and edit data with natural language.
What’s the first AI feature your users requested? 👇
Ready to bring agentic AI into your Angular dashboard? 🤖🛠️
With CopilotKit integration, you can equip LLMs with frontend actions and app context so users can navigate and edit data with natural language.
What’s the first AI feature your users requested? 👇