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.

Experimenting with generative UI

Ibelick

10,453 subscribers

116,318 views • 1 year ago •via X (Twitter)

Arts Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Srujan Papaiahgari1 year ago

Generative UI is the new normal. Are you using vercel ai sdk?

Ibelick1 year ago

yes!

UserInterface2 years ago

Unveiling the Future of Prompt Engineering for Better AI Interactions #tech

Olly1 year ago

You made a Strava MCP? I know their APIs are public but do tell me more 👀

Maxime Peabody1 year ago

so generative UI = streamed components?

Kristian Veter1 year ago

Love your work 💪

Jikku Jose1 year ago

This is React?

Sami Hindi1 year ago

How do you combine this with the Vercel AI SDK? Can we get a template or sth? Also what do you use as a Backend? Currently using mongodb.

Ibelick1 year ago

its a nextjs app with ai sdk and prompt-kit. Im figuring out the way to drop it

Pavel Svitek 🇨🇭1 year ago

very nice.

Mathias Adam1 year ago

🥰👀🤩

Related Videos

Generative UI and In-App Agents with assistant-ui

Generative UI and In-App Agents with assistant-ui

Simon Farshid

120,983 views • 1 year ago

generative ui is no longer a skill issue. 1. npx skills add tambo-ai/tambo --skill generative-ui 2. /generative-ui an agent that manages tasks what will you build?

generative ui is no longer a skill issue. 1. npx skills add tambo-ai/tambo --skill generative-ui 2. /generative-ui an agent that manages tasks what will you build?

Michael Magán

66,855 views • 3 months ago

"If only my frontend could just generate the ui/ux..." - Generative UI

"If only my frontend could just generate the ui/ux..." - Generative UI

Shawn Charles🎤🔥

20,837 views • 1 year ago

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

primitives is out! UI (prompt-kit) + API (AI SDK v5) to build AI applications. install it in one command with the shadcn CLI.

Ibelick

117,137 views • 10 months ago

One UI 8.5: Object eraser has been integrated into generative edit.

One UI 8.5: Object eraser has been integrated into generative edit.

Tarun Vats

15,895 views • 7 months ago

Generative UI using Foundation Model in iOS 26. I love how the UI changes realtime as the streaming response updates.

Generative UI using Foundation Model in iOS 26. I love how the UI changes realtime as the streaming response updates.

Tanmay

26,893 views • 11 months ago

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Charlie Holtz

27,912 views • 3 months ago

Introducing morph: a fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK, it delivers awesome streaming results. 👇 More details

Introducing morph: a fully open-source AI-powered answer engine with a generative UI. Built with Vercel AI SDK, it delivers awesome streaming results. 👇 More details

Yoshiki Miura

481,286 views • 2 years ago

This is Claude Artifacts on steroids. You can now transform datasets into interactive dashboards with this new AI tool using Generative UI. Here’s how:

This is Claude Artifacts on steroids. You can now transform datasets into interactive dashboards with this new AI tool using Generative UI. Here’s how:

Alvaro Cintas

203,506 views • 1 year 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 • 4 months ago

Studios like Ghostopia's Supersocial are already leveraging our Generative AI tools to empower development: seamlessly producing, experimenting with, and implementing Roblox-ready resources at the press of a button.

Studios like Ghostopia's Supersocial are already leveraging our Generative AI tools to empower development: seamlessly producing, experimenting with, and implementing Roblox-ready resources at the press of a button.

Roblox

341,582 views • 3 years ago

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui

✨ Next level generative UI design is here ✨ The most popular UI generator just got even better! With Autodesigner 2.0, type out your ideas in plain text to design, prototype and iterate in seconds. #autodesigner #uizard #generativeui

uizard ✨ by Miro Labs

35,630 views • 2 years 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:

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,648 views • 20 days ago

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

Michael Magán

261,138 views • 3 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

137,769 views • 2 months ago

generative ui in production. we use tambo in our own console. it's tambo all the way down. just ask: - create a project - generate an API key - show me my latest messages - add an MCP server build an agent that speaks your ui with tambo.

generative ui in production. we use tambo in our own console. it's tambo all the way down. just ask: - create a project - generate an API key - show me my latest messages - add an MCP server build an agent that speaks your ui with tambo.

Michael Magán

16,194 views • 3 months ago

Meet Meter Command. A generative UI product for getting information, taking action, and building real-time software – all in natural language.

Meet Meter Command. A generative UI product for getting information, taking action, and building real-time software – all in natural language.

Meter

332,187 views • 1 year 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

13,887 views • 9 days 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,309 views • 15 days ago