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.

Introducing the A2UI Widget Builder ⚙️ An interactive demo and template to build A2UI Widgets and bring them into your application. Powered by CopilotKit & Google's new A2UI spec Includes... - Widget Gallery: premade UI widgets you can use & modify - Material Icons: 100 of the most commonly... show more

CopilotKit🪁

13,723 subscribers

18,783 views • 10 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:

🚀 Introducing CopilotKit for Angular Build agentic Angular apps with: → Drop-in chat or your own UI → Generative UI with A2UI → Shared state → Human-in-the-loop approvals Built on AG-UI and contributed by Angular GDE Rainer Hahnekamp and Murat Sari. Great collaborating on this. Read more:

CopilotKit🪁

25,749 views • 3 months ago

Introducing 𝙾𝚙𝚎𝚗 𝙸𝚗𝚝𝚎𝚕𝚕𝚒𝚐𝚎𝚗𝚝 𝚄𝙸 A template for bringing interactive, generative UI to your own product. Works with ANY agent. Supports: → Your design system → Your components → Your real data and actions Repo: Available on Web, Mobile, and Slack. Powered by CopilotKit🪁 and AG-UI.

Introducing 𝙾𝚙𝚎𝚗 𝙸𝚗𝚝𝚎𝚕𝚕𝚒𝚐𝚎𝚗𝚝 𝚄𝙸 A template for bringing interactive, generative UI to your own product. Works with ANY agent. Supports: → Your design system → Your components → Your real data and actions Repo: Available on Web, Mobile, and Slack. Powered by CopilotKit🪁 and AG-UI.

Atai Barkai

74,276 views • 18 days ago

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 views • 9 months ago

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:

Curious how to build Generative UI? 🦋 Hatcha is a cross-platform party planning demo built with Flutter, ADK, and A2UI by our friends at gskinner! Check out the source code:

Flutter

14,800 views • 5 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:

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

138,046 views • 7 months ago

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Create dynamic and interactive Agent UI experiences in the Gemini Enterprise app. With support for the Agent-to-UI protocol (A2UI), custom agents can dynamically generate rich, native UI components directly within the Gemini Enterprise app.

Google Cloud

19,318,903 views • 5 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,997 views • 8 months ago

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

🚀 Introducing Open Tag A better, open-source Claude Tag. Works with any model, any agent harness, and fully custom agents. Bring any Agent to Slack, MS Teams with Generative UI, Streaming, and much more! Clone the repo and get it running in minutes Powered by the Channels SDK & AG-UI

CopilotKit🪁

199,332 views • 2 months ago

🎉 Introducing 𝙾𝚙𝚎𝚗 𝙱𝚘𝚝 An open source Grok Bot that works with ANY agent harness, designed for real companies. It includes: - AI Coworkers - Generative UI - Computer use (remote/local) - Agent-human handoffs - Full data recording, owned by you Repo → We're using this internally at CopilotKit🪁 and it's changing the way we work forever. Powered by CopilotKit and AG-UI. More info below 👇

🎉 Introducing 𝙾𝚙𝚎𝚗 𝙱𝚘𝚝 An open source Grok Bot that works with ANY agent harness, designed for real companies. It includes: - AI Coworkers - Generative UI - Computer use (remote/local) - Agent-human handoffs - Full data recording, owned by you Repo → We're using this internally at CopilotKit🪁 and it's changing the way we work forever. Powered by CopilotKit and AG-UI. More info below 👇

Atai Barkai

861,211 views • 2 months ago

LLM responses shouldn't be limited to plain text. With the Jetpack Compose A2UI Renderer, you can seamlessly decode and render agent streams into native Android UI components with state management and theming built in. Explore the docs & samples →

LLM responses shouldn't be limited to plain text. With the Jetpack Compose A2UI Renderer, you can seamlessly decode and render agent streams into native Android UI components with state management and theming built in. Explore the docs & samples →

Android Developers

52,185 views • 28 days ago

🎉 Introducing 𝙾𝚙𝚎𝚗𝙼𝚞𝚜𝚎 An open source, self-hostable personal assistant that works with any agent harness. Includes: - Computer use: browser, terminal & files - Connectors for your personal apps - Ideas, goals & progress tracking - Built for Mobile and Web Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want.

🎉 Introducing 𝙾𝚙𝚎𝚗𝙼𝚞𝚜𝚎 An open source, self-hostable personal assistant that works with any agent harness. Includes: - Computer use: browser, terminal & files - Connectors for your personal apps - Ideas, goals & progress tracking - Built for Mobile and Web Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want.

Atai Barkai

1,163,588 views • 1 month 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,568 views • 5 months ago

🎉 Introducing 𝙾𝚙𝚎𝚗𝙳𝚘𝚝𝚜 Self-hostable, always-on AI coworkers that works with ANY agent harness. Includes: - Computer use: browser, terminal & files - Bring agents to Slack, Teams etc - Spaces and Pages for projects - Voice calls - Web and Mobile Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want. Enterprise-ready.

🎉 Introducing 𝙾𝚙𝚎𝚗𝙳𝚘𝚝𝚜 Self-hostable, always-on AI coworkers that works with ANY agent harness. Includes: - Computer use: browser, terminal & files - Bring agents to Slack, Teams etc - Spaces and Pages for projects - Voice calls - Web and Mobile Repo → Powered by CopilotKit🪁 and AG-UI. Clone this template and customize it however you want. Enterprise-ready.

Atai Barkai

1,070,863 views • 26 days ago

Animate UI 2.0 is out 🎉 Animated primitives for Radix UI, Base UI and React Aria, built with Motion. Keep your shadcn/ui components. ✔ A CLI that animates them in one command ✔ An AI skill that animates anything (components, icons, interactions) and reviews your motion

Animate UI 2.0 is out 🎉 Animated primitives for Radix UI, Base UI and React Aria, built with Motion. Keep your shadcn/ui components. ✔ A CLI that animates them in one command ✔ An AI skill that animates anything (components, icons, interactions) and reviews your motion

Animate UI

56,060 views • 9 days ago

How to create a delightful widget animation? Sure, with Rive 🫂 Duolingo If you want the tutorial, like and follow 😘 Animation link 👉 #animation #ui #ux #widget

How to create a delightful widget animation? Sure, with Rive 🫂 Duolingo If you want the tutorial, like and follow 😘 Animation link 👉 #animation #ui #ux #widget

Musa Adanur

30,470 views • 1 year ago

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

Atai Barkai

264,915 views • 20 hours ago

Part 3: Replaying A2UI Cache with Widgetbook. Testing generated UI can be tricky. I cover how I built a custom add-on connected to Firestore, allowing to replay and inspect those cached A2UI outputs directly inside Widgetbook.

Part 3: Replaying A2UI Cache with Widgetbook. Testing generated UI can be tricky. I cover how I built a custom add-on connected to Firestore, allowing to replay and inspect those cached A2UI outputs directly inside Widgetbook.

Cagatay Ulusoy

12,716 views • 3 months ago

ChatGPT just rolled out Intelligent UI. Interactive answers on the spot 👀 You can already do this in your own product. We open-sourced it months ago. OpenGenerativeUI by CopilotKit🪁: - Algorithm visualizations - Charts and diagrams - Interactive widgets Clone it yourself 👇

ChatGPT just rolled out Intelligent UI. Interactive answers on the spot 👀 You can already do this in your own product. We open-sourced it months ago. OpenGenerativeUI by CopilotKit🪁: - Algorithm visualizations - Charts and diagrams - Interactive widgets Clone it yourself 👇

Atai Barkai

21,849 views • 20 days ago

The best UI components, ready to use. — Beautiful UI components. — Modern UI components. — UI inspiration and components. — Customizable chart components. — Smooth UI animations — Animated React components. — Components for dashboards. Save this for your next project.🔖

The best UI components, ready to use. — Beautiful UI components. — Modern UI components. — UI inspiration and components. — Customizable chart components. — Smooth UI animations — Animated React components. — Components for dashboards. Save this for your next project.🔖

Nero

91,712 views • 16 days ago