Loading video...

Video Failed to Load

Go Home

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

__dqbd's profile picture

David Duong

1,361 subscribers

38,445 views • 1 year ago •via X (Twitter)

GamingScience & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.
0:19

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,119 views • 2 months ago

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!
0:14

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!

Hugo

41,528 views • 11 months ago

How to built a chat UI that goes beyond plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵
0:10

How to built a chat UI that goes beyond plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵

Pontus Abrahamsson — oss/acc

52,691 views • 8 months ago

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte
0:16

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte

Chris Tate

27,051 views • 2 months ago

You can now map multiple code files to Figma components in the Code Connect UI
0:19

You can now map multiple code files to Figma components in the Code Connect UI

Figma

75,386 views • 3 months ago

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇
0:15

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇

CopilotKit🪁

33,444 views • 8 months ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

159,834 views • 3 months ago

Next up in Origin UI: slider components 🔥
0:12

Next up in Origin UI: slider components 🔥

Pasquale Vitiello

78,751 views • 1 year ago

Chat and then note 2 in 1 with clean UI?
0:16

Chat and then note 2 in 1 with clean UI?

TablePlus

17,702 views • 1 year ago

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.
0:19

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 views • 1 month ago

Some new uncommon components for skiper-ui
0:11

Some new uncommon components for skiper-ui

Guri

53,048 views • 7 months ago

Elevate your chat UI with gradient chat bubbles 💭✨ Replace boring solid color chat bubble backgrounds with smooth gradients. Learn how to build your own custom painter to create beautiful gradients →
0:10

Elevate your chat UI with gradient chat bubbles 💭✨ Replace boring solid color chat bubble backgrounds with smooth gradients. Learn how to build your own custom painter to create beautiful gradients →

Flutter

17,302 views • 1 year ago

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵
0:19

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

108,740 views • 1 year ago

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.
0:18

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

Pietro Schirano

21,366 views • 8 months ago

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓
0:19

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

tom

156,058 views • 3 months ago

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 views • 2 years ago

Introducing Themes ✨ 🎨 Build onchain apps with our ready-to-use UI components. Fully customizable building blocks to match your brand.
0:12

Introducing Themes ✨ 🎨 Build onchain apps with our ready-to-use UI components. Fully customizable building blocks to match your brand.

OnchainKit

16,545,243 views • 1 year ago

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis
0:10

UI design checklist A massive collection of the best practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzis

Nick Babich

71,521 views • 2 years ago

AI Chat v2 is coming to the shadcn/ui kit tomorrow! ☺️
0:17

AI Chat v2 is coming to the shadcn/ui kit tomorrow! ☺️

Toby

56,623 views • 8 months ago

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers
0:16

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,613 views • 7 months ago