Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 9 Monaten

🎨 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 25 Tagen

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,055 Aufrufe • vor 25 Tagen

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 Aufrufe • vor 4 Monaten

⚡️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,521 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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,300 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Jahr

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,323 Aufrufe • vor 1 Monat

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 11 Monaten