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 json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

Chris Tate

58,353 subscribers

207,239 views • 3 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

generative user interfaces at the speed of thought. you can now build "tab autocomplete" for every app. ultra-fast inference Cerebras & your components render by the tambo ai agent.

generative user interfaces at the speed of thought. you can now build "tab autocomplete" for every app. ultra-fast inference Cerebras & your components render by the tambo ai agent.

Michael Magán

24,264 views • 3 months ago

Websites should have personalized UIs for every single user, not the same UI for everyone (with Magnus Müller from Browser Use) - Legacy systems (like banks) are already being reimagined with better UIs that fill out the ugly backend forms automatically - First-time Photoshop users face overwhelming interfaces that could be simplified based on their experience level - AI can generate custom UIs on the fly based on user context, preferences, and needs - The future: Hundreds of different UIs for the same website instead of one UI for millions of users - "Generative UIs" could serve as an intermediary between websites and what users actually see

Websites should have personalized UIs for every single user, not the same UI for everyone (with Magnus Müller from Browser Use) - Legacy systems (like banks) are already being reimagined with better UIs that fill out the ugly backend forms automatically - First-time Photoshop users face overwhelming interfaces that could be simplified based on their experience level - AI can generate custom UIs on the fly based on user context, preferences, and needs - The future: Hundreds of different UIs for the same website instead of one UI for millions of users - "Generative UIs" could serve as an intermediary between websites and what users actually see

Shane Thomas

15,192 views • 1 year ago

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

174,667 views • 2 years ago

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

16,992 views • 14 days ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 1 month ago

Vector Feathering lets you craft unique and memorable UI components without sacrificing performance. By Drawsgood

Vector Feathering lets you craft unique and memorable UI components without sacrificing performance. By Drawsgood

Rive

33,476 views • 1 year ago

$AIVA Token is Live. Contract: 0x6B9a58A87A05c4fdCC87b73C52B868bc6996E8de Welcome to the age of Personalized User Interfaces. AIVA is The Composable Interface Protocol. AI that dynamically composing UIs from your intent and executing on-chain actions in real time. → Time to own your interface. Welcome to AIVA.

$AIVA Token is Live. Contract: 0x6B9a58A87A05c4fdCC87b73C52B868bc6996E8de Welcome to the age of Personalized User Interfaces. AIVA is The Composable Interface Protocol. AI that dynamically composing UIs from your intent and executing on-chain actions in real time. → Time to own your interface. Welcome to AIVA.

aiva

14,458 views • 11 months ago

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,951 views • 3 years ago

Introducing Alvea! An adaptive AI assistant creating unique user interfaces personalized to your tasks just in time. Your evolving tool, designed to enhance productivity and user experience 🚀 Won 🥇 AGI House w/ Nathan Black Shawn Simister Gen

Introducing Alvea! An adaptive AI assistant creating unique user interfaces personalized to your tasks just in time. Your evolving tool, designed to enhance productivity and user experience 🚀 Won 🥇 AGI House w/ Nathan Black Shawn Simister Gen

Glavin Wiechert👨‍💻

62,111 views • 2 years ago

Check out Flutter's early exploration into an AI tool that dynamically composes and generates personalized user experiences, otherwise known as AI generated UI. Sign up for early access now! →

Check out Flutter's early exploration into an AI tool that dynamically composes and generates personalized user experiences, otherwise known as AI generated UI. Sign up for early access now! →

Flutter

52,078 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

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

Introducing ElevenLabs UI - open-source components for AI audio & voice agents. • 22 components & examples for chat interfaces, transcription, music, and more • Fully customizable • MIT licensed

ElevenLabs

241,676 views • 8 months ago

Introducing ✨Generative Interfaces where LLMs respond to users by proactively generating UIs that enable adaptive interaction 🎹 Piano practice tools, 🤖 neural net animations, and more🪄

Introducing ✨Generative Interfaces where LLMs respond to users by proactively generating UIs that enable adaptive interaction 🎹 Piano practice tools, 🤖 neural net animations, and more🪄

Diyi Yang

30,318 views • 9 months ago

Gemini Diffusion will be one of the steps that will define how user interfaces will evolve within the next several years. This is a huge prerequisite for the next level of generative UIs. There won't be a need to build a frontend UIs soon. Insane 🤯

Gemini Diffusion will be one of the steps that will define how user interfaces will evolve within the next several years. This is a huge prerequisite for the next level of generative UIs. There won't be a need to build a frontend UIs soon. Insane 🤯

TestingCatalog News 🗞

18,924 views • 1 year ago

Generative UI is about to redefine how AI products are built. Not “another feature” - a full shift in how users interact with AI. Think UIs that assemble themselves based on user intent and context. If you’re building AI apps, this deserves your attention 👇

Generative UI is about to redefine how AI products are built. Not “another feature” - a full shift in how users interact with AI. Think UIs that assemble themselves based on user intent and context. If you’re building AI apps, this deserves your attention 👇

AI Frontliner

90,868 views • 6 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,984 views • 4 months ago

Generative UI will be the next big shift in AI. Where your product UI is dynamically generated, based on user intent and context. If you are a developer building AI apps, you need to hear this out:

Generative UI will be the next big shift in AI. Where your product UI is dynamically generated, based on user intent and context. If you are a developer building AI apps, you need to hear this out:

Pratham

119,196 views • 6 months ago

Introducing render-json The Generative JSON framework. 1. Point it at anything 2. It generates JSON 3. That's it Apps, games, and more. If it exists, it can be converted into a JSON spec. 𝚗𝚙𝚖 𝚒 @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚗𝚍𝚎𝚛-𝚓𝚜𝚘𝚗

Introducing render-json The Generative JSON framework. 1. Point it at anything 2. It generates JSON 3. That's it Apps, games, and more. If it exists, it can be converted into a JSON spec. 𝚗𝚙𝚖 𝚒 @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚗𝚍𝚎𝚛-𝚓𝚜𝚘𝚗

Chris Tate

193,449 views • 2 months ago

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

zbeyens

55,461 views • 1 year ago

How to show a dynamic user profile in the header while keeping a statically generated page in Next with Auth.js (without PPR)

Alex Sidorenko

61,178 views • 1 year ago