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.

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

2,055,691 subscribers

43,339 views • 7 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

6 Comments

Akshay Nandwana | DevRel & Android7 days ago

Ready to use demo A2UI

Pavitra Golchha7 days ago

WHY ARE YOU USING Claude THEME?

Vibyra6 days ago

Android LLM finally arrived

Andrew Williams6 days ago

@grok and @bot take notes

Mark Thomas7 days ago

This is so clean!!!

Rei Leo6 days ago

这不就是json-render么

Related Videos

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

Develop for display glasses without a physical device. 👓 You can seamlessly pair a companion phone and render your Jetpack Compose Glimmer UI in Android Studio Canary 5. Get the emulator and start developing today →

Develop for display glasses without a physical device. 👓 You can seamlessly pair a companion phone and render your Jetpack Compose Glimmer UI in Android Studio Canary 5. Get the emulator and start developing today →

Android Developers

34,756 views • 2 months ago

Watch how Antigravity takes an Android app from prompt to real device. Using the Stitch MCP and the Android CLI plugin, the agent pulls your designs, builds the native Jetpack Compose components, verifies them in the emulator, and runs the final build on a real phone.

Watch how Antigravity takes an Android app from prompt to real device. Using the Stitch MCP and the Android CLI plugin, the agent pulls your designs, builds the native Jetpack Compose components, verifies them in the emulator, and runs the final build on a real phone.

Google Antigravity

72,617 views • 17 hours ago

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 used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

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 used icons - UI Components: common components preview, usage and props - Source code and data on any widget/icon/component - Built with CopilotKit- so you get chat UI, generative UI, etc. Try it out: Tutorial of how to get started: Repo:

CopilotKit🪁

18,783 views • 9 months ago

🧪 Experimenting building a foldable UI with Expo , Astra, and Material 3 for Android. A local Kotlin module wraps Material 3’s adaptive layout, exposed through the Expo Modules API. React serves the data layer and Expo UI renders native Compose components.

🧪 Experimenting building a foldable UI with Expo , Astra, and Material 3 for Android. A local Kotlin module wraps Material 3’s adaptive layout, exposed through the Expo Modules API. React serves the data layer and Expo UI renders native Compose components.

Aman Mittal🖖

40,144 views • 1 month ago

You can now connect Figma, Dropbox and Notion to Agent on Runway. Your assets shouldn't be stuck in separate tools. With connectors, Agent syncs directly with the platforms you already work in, pulling your designs, files and docs into one place. Available on all paid plans.

You can now connect Figma, Dropbox and Notion to Agent on Runway. Your assets shouldn't be stuck in separate tools. With connectors, Agent syncs directly with the platforms you already work in, pulling your designs, files and docs into one place. Available on all paid plans.

Runway

14,458 views • 1 month ago

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 views • 3 months 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

🚀 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,542 views • 7 months ago

We'll be open sourcing an LLM → UI streaming mechanism powered by the Vercel AI SDK and RSC. It will help you build rich AI apps that go beyond text and markdown, with optimal performance and robustness to UI state changes.

We'll be open sourcing an LLM → UI streaming mechanism powered by the Vercel AI SDK and RSC. It will help you build rich AI apps that go beyond text and markdown, with optimal performance and robustness to UI state changes.

Guillermo Rauch

207,316 views • 2 years ago

new in langgraph: interrupts with typed response schemas! when your agent pauses for a human, you define what a valid response looks like: 1. responses are validated before they're passed back to the agent 2. you can render a real response form in your UI, not just a json entry field human in the loop, but (type) safe docs:

new in langgraph: interrupts with typed response schemas! when your agent pauses for a human, you define what a valid response looks like: 1. responses are validated before they're passed back to the agent 2. you can render a real response form in your UI, not just a json entry field human in the loop, but (type) safe docs:

Sydney Runkle

18,008 views • 6 days ago

Today, we're launching C1 by Thesys on Product Hunt and giving away up to 5M free tokens if you retweet this and sign up within 24 hours. C1 is the world’s first Generative UI API that augments LLMs to respond with interactive UI like charts, forms, cards, and more in real-time, instead of plain text. Integrates seamlessly with any LLM, framework or MCP in just 2 lines of code - Fully customisable to match your brand - Supports custom components - Renders instantly with no latency Ship rich, interactive AI apps 10× faster, with 80% less UI overhead.

Rabi Shanker Guha

71,954 views • 1 year ago

🚀 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 • 2 months ago

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

Saúl

40,982 views • 1 year ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,277 views • 2 years ago

Attention, Google for Developers! 🚀 Level up the maps in your Android apps with Jetpack Compose. In this #GoogleIO workshop, explore: 📌 How to customize and cluster markers in your maps 🔶 How to draw shapes on your map 💡 And so much more Dive in! →

Attention, Google for Developers! 🚀 Level up the maps in your Android apps with Jetpack Compose. In this #GoogleIO workshop, explore: 📌 How to customize and cluster markers in your maps 🔶 How to draw shapes on your map 💡 And so much more Dive in! →

Google Maps Platform

14,383 views • 2 years ago

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Microsoft Teams just got Generative UI But this is just the tip of the iceberg. AG-UI is the protocol connecting any agent to any user on any app, topped with Generative UI. That means your agent can render: - forms - buttons - charts - approval flows Right inside the chat, on the fly. But it's not limited to in-app copilots. What's special is that you can work with any agent using the same system and bring them into any surface, including Slack, WhatsApp, Discord and more. This is exactly why Hermes and OpenClaw took off. As users of these agents, we don't like walls of text, and it's a pain to get when you can have way better UX. CopilotKit🪁 + AG-UI handle that interaction layer. If you want to try out Agentic UI in Microsoft Teams, you can get early access here:

Atai Barkai

24,891 views • 3 months ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 views • 9 months ago

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

Chrome for Developers

16,706 views • 11 months ago

Deciding between A2UI and MCP Apps for your agentic interfaces? You don't have to choose 💫 This guide breaks down 3 architectural patterns for combining the best of declarative and custom UIs, including how A2UI and MCP Apps can seamlessly interact with each other.

Deciding between A2UI and MCP Apps for your agentic interfaces? You don't have to choose 💫 This guide breaks down 3 architectural patterns for combining the best of declarative and custom UIs, including how A2UI and MCP Apps can seamlessly interact with each other.

Flutter

20,344 views • 3 months ago