Registries
ActiveFeaturedAI/chat UIpro available12,769

@assistant-ui

AI/chat UI · MIT · data updated 2026-10-27

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.

@assistant-ui preview
aiaudioauthbackgroundsblocksbuttonscardschartsdesign-systemformshooksloadersmapsmarketingmediamobilenavigationonboardingoverlayspro-availableretrotablestheming

Install

npx shadcn@latest add https://r.assistant-ui.com/registry.json

Health

StatusActive
Last committoday
LicenseMIT
Open issues41
ArchivedNo
Stars12,769

Components (172)

utilselements-collapsible-rootelements-surfaceselements-rangeelements-tokenselements-hrefelements-taskelements-loading-stateelements-thinking-indicatorelements-reasoning-panelelements-streaming-textelements-typing-indicatorelements-message-pairelements-message-brancheselements-message-actionselements-suggestionselements-error-stateelements-tool-callelements-run-activityelements-tool-timelineelements-terminal-blockelements-code-diffelements-web-searchelements-sourceselements-inline-citationelements-link-previewelements-image-generationelements-image-galleryelements-data-tableelements-number-tickerelements-agent-planelements-subagent-listelements-agent-statuselements-task-cardelements-approval-cardelements-receipt-focuselements-option-listelements-question-flowelements-recommendation-cardelements-artifact-cardelements-composerelements-chat-panelelements-empty-stateelements-thread-listelements-scroll-anchorelements-conversation-mapelements-todo-listelements-message-queueelements-message-attachmentelements-reviewable-diffelements-file-treeelements-elicitation-formelements-retrieval-chunkselements-chartelements-media-playerelements-trace-waterfallelements-canvas-splitelements-voice-conversationelements-read-aloudelements-mcp-server-panel
Components: utils, elements-collapsible-root, elements-surfaces, elements-range, elements-tokens, elements-href, elements-task, elements-loading-state, elements-thinking-indicator, elements-reasoning-panel, elements-streaming-text, elements-typing-indicator, elements-message-pair, elements-message-branches, elements-message-actions, elements-suggestions, elements-error-state, elements-tool-call, elements-run-activity, elements-tool-timeline, elements-terminal-block, elements-code-diff, elements-web-search, elements-sources, elements-inline-citation, elements-link-preview, elements-image-generation, elements-image-gallery, elements-data-table, elements-number-ticker, elements-agent-plan, elements-subagent-list, elements-agent-status, elements-task-card, elements-approval-card, elements-receipt-focus, elements-option-list, elements-question-flow, elements-recommendation-card, elements-artifact-card, elements-composer, elements-chat-panel, elements-empty-state, elements-thread-list, elements-scroll-anchor, elements-conversation-map, elements-todo-list, elements-message-queue, elements-message-attachment, elements-reviewable-diff, elements-file-tree, elements-elicitation-form, elements-retrieval-chunks, elements-chart, elements-media-player, elements-trace-waterfall, elements-canvas-split, elements-voice-conversation, elements-read-aloud, elements-mcp-server-panel, elements-feedback-dialog, elements-quote-reply, elements-edit-message, elements-stopped-run, elements-message-timing, elements-connection-state, elements-agent-card, elements-web-preview, elements-draft-restore, elements-diagram, elements-flow-graph, elements-activity-graph, elements-tool-group, elements-context-breakdown, elements-model-picker, elements-reasoning-effort, elements-guardrail-notice, elements-day-separator, elements-speaker-identity, elements-regenerate-menu, elements-confidence-marker, elements-tool-error, elements-permission-grant, elements-computer-use, elements-code-runner, elements-document-reference, elements-memory-chips, elements-research-report, elements-map-answer, elements-geo-map, elements-math-block, elements-spec-sheet, elements-comparison-card, elements-timeline, elements-job-progress, elements-score-breakdown, elements-cost-meter, elements-quota-banner, elements-agent-handoff, elements-background-inbox, elements-checkpoint-history, elements-schedule-card, elements-prompt-library, elements-command-palette, elements-shared-conversation, elements-conversation-search, elements-thread-search, elements-launcher-bubble, elements-settings-panel, elements-onboarding, elements-mobile-composer, shimmer-style, chat/b/ai-sdk-quick-start/json, ai-sdk-backend, ai-sdk-backend-resumable, eve-chat, eve-ask-question, thread, elements-voice, elements-context-display, elements-context-usage, voice, voice-conversation, task-card, agent-status, use-copy-to-clipboard, markdown-text, reasoning, conversation-map, elements-reasoning, message-timing, context-display, thread-list, mcp-config, elements-mcp-config-state, use-attachment-src, attachment, follow-up-suggestions, tooltip-icon-button, syntax-highlighter, elements-modal-size, assistant-modal, assistant-sidebar, tool-fallback, tool-group, shiki-highlighter, elements-shiki-highlighter, mermaid-diagram, elements-mermaid-diagram, diff-viewer, threadlist-sidebar, quote, sources, image, file, model-selector, elements-model-selector, elements-model-selection, logos, select, direction, badge, tabs, accordion, dot-matrix, number-roll, heat-graph, composer-trigger-popover, directive-text, elements-directive-text, generative-ui-style, generative-ui

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@assistant-ui · utils

npx shadcn@latest add https://r.assistant-ui.com/utils.json
View source