Loading video...

Video Failed to Load

Go Home

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

pontusab's profile picture

Pontus Abrahamsson — oss/acc

24,350 subscribers

52,691 views • 9 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

A collection of AI SDK tools deserves a website: - Devtools: a React Query devtool for AI SDK - Store: AI chat state that scales - Artifacts: a structured way to handle advanced interfaces 🔗 ⬇️
0:16

A collection of AI SDK tools deserves a website: - Devtools: a React Query devtool for AI SDK - Store: AI chat state that scales - Artifacts: a structured way to handle advanced interfaces 🔗 ⬇️

Pontus Abrahamsson — oss/acc

27,529 views • 9 months ago

🎨 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!
0:15

🎨 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!

David Duong

38,445 views • 1 year ago

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵
0:16

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

Pontus Abrahamsson — oss/acc

115,522 views • 1 year ago

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵
0:10

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵

Pontus Abrahamsson

42,377 views • 1 month ago

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵
0:10

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵

Pontus Abrahamsson

224,904 views • 1 month ago

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated
0:12

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated

Thomino

21,108 views • 5 months ago

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:
0:12

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:

Min Choi

84,529 views • 2 years ago

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)
0:11

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)

EyeingAI

64,849 views • 1 year ago

BNBAgent SDK is now live on BNB Chain testnet. It’s the first live implementation of ERC-8183 and introduces a framework for running AI agents fully onchain with identity, escrow, and decentralized verification built in. Here’s what it changes for builders 🧵 👇
0:15

BNBAgent SDK is now live on BNB Chain testnet. It’s the first live implementation of ERC-8183 and introduces a framework for running AI agents fully onchain with identity, escrow, and decentralized verification built in. Here’s what it changes for builders 🧵 👇

BNB Chain

240,603 views • 3 months ago

Recently, I've been working a lot on Gaussian Splatting. I built a repo for camera pose estimation using Rerun, Gradio, and prefix.dev that merges GLOMAP with hloc! 🧵More info below
0:18

Recently, I've been working a lot on Gaussian Splatting. I built a repo for camera pose estimation using Rerun, Gradio, and prefix.dev that merges GLOMAP with hloc! 🧵More info below

Pablo Vela

67,547 views • 1 year ago

We built the Wild Week Athens site in 1.5 weeks using mainly AI and no-code tools. AI doesn’t make designers obsolete. It shifts the weight to taste, creative instinct and understanding craft. Here's how this experiment came together 🧵
0:16

We built the Wild Week Athens site in 1.5 weeks using mainly AI and no-code tools. AI doesn’t make designers obsolete. It shifts the weight to taste, creative instinct and understanding craft. Here's how this experiment came together 🧵

wild

179,838 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

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇
0:13

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇

Josh tried coding

44,284 views • 10 months ago

1. i cant believe people with no code experience at all can build an advanced website like this with AI now you can chat(text) with AI agent to add 3D models, functions and adjust UI.. this is beyond incredible.. app preview: code&prompts at end
0:10

1. i cant believe people with no code experience at all can build an advanced website like this with AI now you can chat(text) with AI agent to add 3D models, functions and adjust UI.. this is beyond incredible.. app preview: code&prompts at end

el.cine

13,374 views • 5 months ago

Wow. You can literally chat with any GitHub repo now! Just pop "talkto" in front of "github" in the URL, and BOOM, you're chatting with your codebase! 🤯 It launches a full chat UI where you can ask the code anything. 100% open-source. Repo link below ↓
0:11

Wow. You can literally chat with any GitHub repo now! Just pop "talkto" in front of "github" in the URL, and BOOM, you're chatting with your codebase! 🤯 It launches a full chat UI where you can ask the code anything. 100% open-source. Repo link below ↓

Charly Wargnier

15,055 views • 1 year ago

Introducing AI CLI Generate images, video, and text from your terminal. Pipe them together. Works with any agent. ai image "sunset" | ai video "animate" → Hundreds of models → Multi-model comparison → Inline previews, no native deps → AI SDK + AI Gateway
0:16

Introducing AI CLI Generate images, video, and text from your terminal. Pipe them together. Works with any agent. ai image "sunset" | ai video "animate" → Hundreds of models → Multi-model comparison → Inline previews, no native deps → AI SDK + AI Gateway

Chris Tate

61,385 views • 2 months ago

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:
0:16

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:

Nelly;

32,972 views • 11 months ago

How I built a full-stack community platform—from UI to payments—using Rocket In hours, I launched an app without a boilerplate. Rocket managed design, backend, maps, and payments. Here's how it changed the game👇
0:10

How I built a full-stack community platform—from UI to payments—using Rocket In hours, I launched an app without a boilerplate. Rocket managed design, backend, maps, and payments. Here's how it changed the game👇

Tulsi Soni

34,390 views • 11 months ago