@assistant-ui
Production-grade open-source React toolkit for building ChatGPT-style AI chat interfaces. Provides Radix-style composable primitives: Thread, Message, Composer, ThreadList, ActionBar, and more — all with streaming, auto-scroll, retries, attachments, markdown, code highlighting, voice dictation, and keyboard shortcuts built in. Adapter packages for Vercel AI SDK, LangGraph/LangChain, AG-UI, A2A, Google ADK, and custom data-stream backends. Supports generative UI (tool-call rendering, inline human approvals). Optional paid Cloud tier for managed thread history, telemetry, and file storage. Y Combinator-backed. Use for: any production AI chat or copilot UI that needs a fully featured, themeable, framework-agnostic chat shell wired to the Vercel AI SDK or LangGraph in minutes.
38 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://r.assistant-ui.com/registry.json pnpm
pnpm dlx shadcn@latest add https://r.assistant-ui.com/registry.json bun
bunx shadcn@latest add https://r.assistant-ui.com/registry.json fetch registry
curl -s https://r.assistant-ui.com/registry.json Components
38 total shimmer-style style
npx shadcn@latest add https://r.assistant-ui.com/shimmer-style.json chat/b/ai-sdk-quick-start/json page
npx shadcn@latest add https://r.assistant-ui.com/chat/b/ai-sdk-quick-start/json.json ai-sdk-backend page
npx shadcn@latest add https://r.assistant-ui.com/ai-sdk-backend.json thread component
npx shadcn@latest add https://r.assistant-ui.com/thread.json voice component
npx shadcn@latest add https://r.assistant-ui.com/voice.json markdown-text component
npx shadcn@latest add https://r.assistant-ui.com/markdown-text.json reasoning component
npx shadcn@latest add https://r.assistant-ui.com/reasoning.json message-timing component
npx shadcn@latest add https://r.assistant-ui.com/message-timing.json context-display component
npx shadcn@latest add https://r.assistant-ui.com/context-display.json thread-list component
npx shadcn@latest add https://r.assistant-ui.com/thread-list.json mcp-config component
npx shadcn@latest add https://r.assistant-ui.com/mcp-config.json attachment component
npx shadcn@latest add https://r.assistant-ui.com/attachment.json follow-up-suggestions component
npx shadcn@latest add https://r.assistant-ui.com/follow-up-suggestions.json tooltip-icon-button component
npx shadcn@latest add https://r.assistant-ui.com/tooltip-icon-button.json syntax-highlighter component
npx shadcn@latest add https://r.assistant-ui.com/syntax-highlighter.json assistant-modal component
npx shadcn@latest add https://r.assistant-ui.com/assistant-modal.json assistant-sidebar component
npx shadcn@latest add https://r.assistant-ui.com/assistant-sidebar.json tool-fallback component
npx shadcn@latest add https://r.assistant-ui.com/tool-fallback.json tool-group component
npx shadcn@latest add https://r.assistant-ui.com/tool-group.json shiki-highlighter component
npx shadcn@latest add https://r.assistant-ui.com/shiki-highlighter.json mermaid-diagram component
npx shadcn@latest add https://r.assistant-ui.com/mermaid-diagram.json diff-viewer component
npx shadcn@latest add https://r.assistant-ui.com/diff-viewer.json threadlist-sidebar component
npx shadcn@latest add https://r.assistant-ui.com/threadlist-sidebar.json quote component
npx shadcn@latest add https://r.assistant-ui.com/quote.json sources component
npx shadcn@latest add https://r.assistant-ui.com/sources.json image component
npx shadcn@latest add https://r.assistant-ui.com/image.json file component
npx shadcn@latest add https://r.assistant-ui.com/file.json model-selector component
npx shadcn@latest add https://r.assistant-ui.com/model-selector.json select component
npx shadcn@latest add https://r.assistant-ui.com/select.json direction ui
npx shadcn@latest add https://r.assistant-ui.com/direction.json badge component
npx shadcn@latest add https://r.assistant-ui.com/badge.json tabs component
npx shadcn@latest add https://r.assistant-ui.com/tabs.json accordion component
npx shadcn@latest add https://r.assistant-ui.com/accordion.json dot-matrix component
npx shadcn@latest add https://r.assistant-ui.com/dot-matrix.json number-roll component
npx shadcn@latest add https://r.assistant-ui.com/number-roll.json heat-graph component
npx shadcn@latest add https://r.assistant-ui.com/heat-graph.json composer-trigger-popover component
npx shadcn@latest add https://r.assistant-ui.com/composer-trigger-popover.json directive-text component
npx shadcn@latest add https://r.assistant-ui.com/directive-text.json