Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🎨 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 görüntüleme • 1 yıl önce •via X (Twitter)

OyunBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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,207 görüntüleme • 2 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 8 ay önce

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,933 görüntüleme • 3 ay önce

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

Next up in Origin UI: slider components 🔥

Pasquale Vitiello

78,751 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

Some new uncommon components for skiper-ui
0:11

Some new uncommon components for skiper-ui

Guri

53,048 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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,224 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 9 ay önce

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 görüntüleme • 7 ay önce