Most AI starters give you backend wiring. TurboStarter AI also gives you the UI layer. Some of them: → <Tool /> → <Attachments /> → <PromptInput /> → <VoiceVisualizer /> Production-ready, on web mobile. 👉 turbostarter(.)dev/ai 👈

Today, @theodunsi and I are launching Nexus UI Beautiful, composable, and accessible components for chat, voice, and agent interfaces Built on top of @shadcn and @radix_ui Starting with PromptInput, ModelSelector, and Suggestions — more components coming soon. @nexus__ui is open source, forever. Keep building! nexus-ui.dev/

6️⃣ Plus a bunch of misc improvements and bugfixes: - More performant <Persona /> component in Vite - Update Streamdown to 2.4.0 - Improve FileTree component accessibility and types - Update message response when isAnimating changes - Fix autoclosing <Reasoning /> components - <PromptInput /> tooltip and keyboard configuration support - Fix PromptInput responsiveness - Wire SpeechInput into chatbot prompt footer - Deprecate Loader component for shadcn/ui Spinner - Fix Tool padding - Many fixes for <CodeBlock /> - Fix CoT arrow alignment - Documentation, Type and Example fixes, including new IDE example

4️⃣ We also have a new component in PromptInput called <PromptInputActionAddScreenshot /> that helps you take a screenshot of the current page, super useful for giving visual feedback to AI models. elements.ai-sdk.dev/componen…

I started bringing `ai-elements` to React Native (Expo) for TurboStarter AI 👇 What's already ported: - <Conversation /> - <Message /> - <PromptInput /> - <Attachments /> - <Tool /> - <Reasoning /> - <Context /> - <Suggestions /> - <Shimmer /> - <ModelSelector /> Should I open-source?

14/ Fixes and improvements - Enhance PromptInput with SourceDocument functionality - Fix: aliases.components isn't respected in components.json - Allow passing onKeyDown prop to PromptInputTextarea - Add VoiceSelectorPreview - Added missing group class to Tool's Collapsible wrapper to enable chevron rotation animation on open/close - Fix button transparency in dark mode for scrollToBottom - Make the Tool component work with DynamicToolUIPart - Fix: able to add more than one file when maxFiles is 1 and multiple is false in PromptInput - Adds the ability to stop an ongoing AI generation by introducing an onStop prop to the PromptInputSubmit - Fix model selector outline

13/ Bonus: <Attachments /> Not code related, but since attachment were being used in Message, PromptInput and more, we broke it out into its own component - a flexible, composable attachment component for displaying files, images, videos, audio, and source documents. ai-sdk.dev/elements/componen…

Also the usual bugfixes and improvements: 📖 @emmaccen and @willgarman1 fixed some issues in our docs 💪 @chaxus1 fixed some small issues with <PromptInput /> 🧠 comynli added support for getThinkingMessage() to <Reasoning /> 🐞 FelixTraxler patched an issue with AI SDK v5/6 types in <Tool /> 🌍 @Debbl66 fixed dark mode for the code block on our site 📕 Added some experimental docs on <InlineCitation /> 🐛 Improved PromptInput (thx for the issues @hmw147 and ivbrajkovic) 🔠 SpeechInput language is now properly configured 🐐 @obadakhalili fixed lots of issues for attachments, CoT and Message! 👨‍💻 @franmoretti_ fixed an issue with code blocks ➕ a special thanks to @haydenjbarnett for his work on the Personas Appreciate you all 🙏

Just made a big PR for AI Elements Vue PromptInput component. Here's what it looks like now:

5️⃣ We also fixed a TON of bugs and made improvements everywhere ✅ Ensured prompt input attachments render inside header ✅ Change PromptInput submit icon to CornerDownLeftIcon ✅ Change ChainOfThoughtStep label and description types from string to ReactNode (thank you @chaxus1) ✅ Fix open-in-chat trigger icon ✅ Remove Controls from Canvas ✅ Add use client directive to open-in-chat ✅ Polyfill ToolUIPart["approval"] in latest AI SDK ✅ Add support for multiple CLI args ✅ Documentation fixes (thanks @cwandev and Balint197) ✅ Updated all dependencies ✅ New component categories in the docs (Documentation and Utilities)

3️⃣ Improved PromptInput Attachments ANOTHER banger by @tobiasbueschel, the PromptInput component now has a much better attachments display, drawing inspiration from @cursor_ai. ai-sdk.dev/elements/componen…

Also some great bugfixes and improvements: - Sora Morimoto fixed form submission during IME composition for CJK language users. - @rexmkv resolved an onError type conflict in PromptInputProps - @tobiasbueschel improved the PromptInput so pressing backspace in an empty textarea deletes the last attachment

The PromptInput got quite a few updates. Support for hover cards and command elements allow us to build something similar to Cursor's input with the file search, rules and tabs! ai-sdk.dev/elements/componen…

^ You can also combine it with the PromptInput for a message queue! ai-sdk.dev/elements/componen…

3️⃣ Improved PromptInput - Rebuilt on the new @shadcn input-group component - @tobiasbueschel and zxzinn made the form auto-clear after submitting - @matthias added a Provider to access to attachments and textinput controls - @milindmishra_ added a built-in speech-to-text button

Okay here's that ▲ @Vercel AI Elements update I promised! 💠 Workflow elements 🤖 Open in Cursor ⌨️ New PromptInput 🧪 Unit tests 👀 Example source code 🐞 Bugfixes and docs improvements Changelog in thread 👇

Building a polished AI chat UI from scratch? You really don’t have to. The new AI Components (or “AI Elements” if you prefer your branding with extra seasoning) from the Vercel AI SDK give you a full set of production-ready, composable React bits — built specifically for LLM-powered apps. So no, you don’t need to hand-roll scroll behaviour, markdown rendering, or input retries. That’s all baked in. You get components like <Actions />, <PromptInput />, <OpenInChat />, <Artifact /> and much more, covering everything from chat input to message flows to rendering generated… stuff. Built on top of shadcn/ui, so you inherit modern theming, dark mode, keyboard shortcuts, clipboard support — the kind of UX defaults you usually have to fight for. It’s all typed, themable, and plugs cleanly into @ai-sdk/react. Dead easy to override if you don’t like the defaults. Install it with: npx shadcn@latest add @ai-elements/actions The real headline? This gives your AI UX a proper foundation — so you can move faster without cutting corners. Would I use it? Depends. If you’re building AI features and not just demo toys, this is a very solid starting point. #ReactNative #React #Vercel #AISDK #LLM #OpenSource #AIUX #ChatUI #JavaScript #TypeScript #ShadcnUI #MobileDev

5️⃣ <PromptInputAttachments /> The <PromptInput /> component now has a beautifully animated file attachments system. Also, it now outputs an object you can pass straight to @aisdk sendMessage()! Another baller feature by @xn1cklas 🖤 ai-sdk.dev/elements/componen…