Loading video...

Video Failed to Load

Go Home

AI Chat is here. Our biggest release in a long time. A complete AI chat application for Next.js, built on shadcn/ui and the Vercel AI SDK. Thread history, projects, a file library, share links, and an assistant panel that docks beside your own app. We spent weeks crafting every...

shadcncraft's profile picture

shadcncraft

1,553 subscribers

25,599 views • 7 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!
0:58

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

Y Combinator

132,724 views • 1 year ago

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,289 views • 1 year ago

Brick yourself! ✨ A micro app for generating mini-figure images of yourself 📸 Use your gallery, selfie cam, webcam, etc! 🤳 🧱 Next.js on Vercel ▲ 🛠️ @shadcn/ui, Vercel AI SDK w/ OpenAI GPT-4 && Dall-E 3, Vercel KV, Biome ✨ 👇 Link below for the OG image 😍
2:15

Brick yourself! ✨ A micro app for generating mini-figure images of yourself 📸 Use your gallery, selfie cam, webcam, etc! 🤳 🧱 Next.js on Vercel ▲ 🛠️ @shadcn/ui, Vercel AI SDK w/ OpenAI GPT-4 && Dall-E 3, Vercel KV, Biome ✨ 👇 Link below for the OG image 😍

jhey ʕ•ᴥ•ʔ

210,580 views • 2 years ago

Sometimes the best way to build a UI for an agent is to not build the UI at all. I built an AI agent starter that lives in iMessage. Built on Nitro + Vercel Workflow SDK + evlog - Durable execution - Auto-retry on errors - Full observability
0:28

Sometimes the best way to build a UI for an agent is to not build the UI at all. I built an AI agent starter that lives in iMessage. Built on Nitro + Vercel Workflow SDK + evlog - Durable execution - Auto-retry on errors - Full observability

Hugo

11,692 views • 3 months ago

Build a chat app for your agent in under 3 minutes with AI Elements and AI Gateway.
2:30

Build a chat app for your agent in under 3 minutes with AI Elements and AI Gateway.

AI SDK

46,458 views • 1 year ago

This is the future of UI. I built an AI chat that changes its own visual shape and form as you talk. The AI invents the perfect user interface to fulfill your needs and guide you to the desired result. Try for free.
0:26

This is the future of UI. I built an AI chat that changes its own visual shape and form as you talk. The AI invents the perfect user interface to fulfill your needs and guide you to the desired result. Try for free.

Florian S

158,072 views • 1 year ago

🤖Neurai AI Chat: New version We have updated our AI chat to improve its performance with mobiles and tablets. It has also been updated with a free LLM selector. With a mobile phone, a chrome based browser and by selecting llama 3.2 1B, it is possible to have an AI in your pocket. ✨Why is an AI chat necessary for Neurai? The value of running an AI locally is very important to avoid exposing our information to large corporations and allows autonomy to anyone. With a cell phone it is possible to improve in programming, translate between languages, find information without advertising and have a small AI agent in your pocket. ✨Integration at Neurai In the future, we will add a feature that will allow to anchor a Neurai wallet to the chat and extend the information between different devices such as IoT equipment through the blockchain's own encryption systems. #Neurai #XNA #AI #IoT #DePin #RWA If you want to try our chat on your cell phone, the link is in the next post 👇👇👇
0:48

🤖Neurai AI Chat: New version We have updated our AI chat to improve its performance with mobiles and tablets. It has also been updated with a free LLM selector. With a mobile phone, a chrome based browser and by selecting llama 3.2 1B, it is possible to have an AI in your pocket. ✨Why is an AI chat necessary for Neurai? The value of running an AI locally is very important to avoid exposing our information to large corporations and allows autonomy to anyone. With a cell phone it is possible to improve in programming, translate between languages, find information without advertising and have a small AI agent in your pocket. ✨Integration at Neurai In the future, we will add a feature that will allow to anchor a Neurai wallet to the chat and extend the information between different devices such as IoT equipment through the blockchain's own encryption systems. #Neurai #XNA #AI #IoT #DePin #RWA If you want to try our chat on your cell phone, the link is in the next post 👇👇👇

NeurAI Project / XNA

13,561 views • 1 year ago

Sarah (sarah) built a production-ready AI chatbot connected to 1,000+ apps in 10 minutes. Here's exactly what she did: •Started with Vercel's chat template •Deployed it instantly: repo + storage + production •Integrated Composio: 1,000+ apps •Connected Gmail and Slack - zero OAuth config •Demonstrated it live: bot sent Julia Fedorin a Slack message Stack: Vercel AI SDK + Next.js + Composio (1,000+ toolkits) Using Vercel AI's template + Composio lets you enable cross-app actions without spending weeks on authentication flows. If you're building AI agents, this is how you skip the boilerplate. What's your stack for shipping agents fast?
2:23

Sarah (sarah) built a production-ready AI chatbot connected to 1,000+ apps in 10 minutes. Here's exactly what she did: •Started with Vercel's chat template •Deployed it instantly: repo + storage + production •Integrated Composio: 1,000+ apps •Connected Gmail and Slack - zero OAuth config •Demonstrated it live: bot sent Julia Fedorin a Slack message Stack: Vercel AI SDK + Next.js + Composio (1,000+ toolkits) Using Vercel AI's template + Composio lets you enable cross-app actions without spending weeks on authentication flows. If you're building AI agents, this is how you skip the boilerplate. What's your stack for shipping agents fast?

Composio

27,724 views • 5 months ago

My 8yo son built a Three.js site with zero coding experience He used Claude AI and let Cursor apply all the code for him. He actually made several projects including 2 platformer games, a drawing app, an animation app and an AI chat app. ~2 hours spent on each. I only helped him set up Cursor, Git and Netlify. Code is a design tool and you don’t even need to code anymore.
0:58

My 8yo son built a Three.js site with zero coding experience He used Claude AI and let Cursor apply all the code for him. He actually made several projects including 2 platformer games, a drawing app, an animation app and an AI chat app. ~2 hours spent on each. I only helped him set up Cursor, Git and Netlify. Code is a design tool and you don’t even need to code anymore.

Meng To

772,996 views • 2 years ago

Introducing DeepSeek based AI Agents! We built an Executive AI Assistant that can, - Listen to incoming emails - Fetch all your unread emails and summarize the important ones - Draft and Send reply emails Connect with Gmail, Calendar, Slack and more with Frontend designed with Vercel v0 Use Deepseek and other LLMs with Groq Inc with AI SDK code:
0:40

Introducing DeepSeek based AI Agents! We built an Executive AI Assistant that can, - Listen to incoming emails - Fetch all your unread emails and summarize the important ones - Draft and Send reply emails Connect with Gmail, Calendar, Slack and more with Frontend designed with Vercel v0 Use Deepseek and other LLMs with Groq Inc with AI SDK code:

Karan Vaidya

81,149 views • 1 year ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing
0:44

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,258 views • 1 year ago

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel
5:37

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel

Code With Antonio

31,277 views • 1 year ago

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!
1:08

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 views • 1 year ago

meet the app gallery a curated library of vibe coded projects built with powerful AI integrations like Nano Banana, Maps Grounding and more remix any app with a single prompt and continue building to make it your own
0:29

meet the app gallery a curated library of vibe coded projects built with powerful AI integrations like Nano Banana, Maps Grounding and more remix any app with a single prompt and continue building to make it your own

Google AI Studio

74,784 views • 10 months ago

Parallel Search + Extract tools in the @Vercel AI SDK make it easier than ever to give AI agents, apps, and workflows access to the most accurate and token-efficient web context. Here's our very own Manvesh demoing a simple implementation of the tools in an AI project.
2:06

Parallel Search + Extract tools in the @Vercel AI SDK make it easier than ever to give AI agents, apps, and workflows access to the most accurate and token-efficient web context. Here's our very own Manvesh demoing a simple implementation of the tools in an AI project.

Parallel Web Systems

21,913 views • 9 months ago

Meet Orin! 🟠 Orin is a voice-enabled AI companion built for conversation. You open a chat, say what's on your mind, and get a thoughtful reply. If talking out loud is easier, you can start a voice call in the same thread. ElevenLabs powers Orin for real-time voice, OpenAI for text, and a layered prompt system across five personalities — Warm, Curious, Playful, Calm, and Direct. Spent the past couple of weeks building this from the ground up, and it's live now. Say hello at orin[.]chat, and star the repo on GitHub!
4:24

Meet Orin! 🟠 Orin is a voice-enabled AI companion built for conversation. You open a chat, say what's on your mind, and get a thoughtful reply. If talking out loud is easier, you can start a voice call in the same thread. ElevenLabs powers Orin for real-time voice, OpenAI for text, and a layered prompt system across five personalities — Warm, Curious, Playful, Calm, and Direct. Spent the past couple of weeks building this from the ground up, and it's live now. Say hello at orin[.]chat, and star the repo on GitHub!

victor

137,880 views • 1 month ago

Introducing Klok, a next-gen AI chat app built using Mira's Infra. You can now use multiple frontier models on Klok for all your AI needs within the same chat, all while also earning Mira points. AI must be democratized, and Klok is taking big steps to ensure that.
0:26

Introducing Klok, a next-gen AI chat app built using Mira's Infra. You can now use multiple frontier models on Klok for all your AI needs within the same chat, all while also earning Mira points. AI must be democratized, and Klok is taking big steps to ensure that.

Mira

180,054 views • 1 year ago

This developer built DeepCrawler - an AI tool that finds API endpoints on any website in under 60 seconds. Built with Next.js 14 + Hyperbrowser SDK. Clean UI, exports to Postman, works on mobile. Useful for developers and security researchers. 100% Open-source
0:21

This developer built DeepCrawler - an AI tool that finds API endpoints on any website in under 60 seconds. Built with Next.js 14 + Hyperbrowser SDK. Clean UI, exports to Postman, works on mobile. Useful for developers and security researchers. 100% Open-source

AshutoshShrivastava

78,893 views • 1 year ago