What problem does it solve? Building AI chat interfaces from scratch requires assembling message rendering, streaming responses, tool call displays, prompt inputs, and reasoning visualizations, which is repetitive UI work for every AI-powered application. ## Core Features & Use Cases - Pre-built AI UI Components: Install composable React components like Conversation, Message, Prompt Input, Chain of Thought, Code Block, Artifact, Attachments, and Audio Player via a CLI into your own codebase. - AI SDK Integration: Components are designed to work directly with the Vercel AI SDK hooks such as useChat, rendering message parts, tool calls, and speech results. - Full Ownership and Customization: Components are copied into your project (under @/components/ai-elements/) rather than hidden in a library, so you can edit styles and behavior directly. - Use Case: When adding a chatbot to a Next.js app, install the message and conversation components, wire them to useChat, and get a styled streaming chat UI without writing the rendering layer yourself. ## Quick Start Ask the AI to install the ai-elements message and conversation components with the CLI and build a chat page wired to the AI SDK useChat hook.
