Registries
ActiveFeaturedAI/chat UIpro available12,013

@assistant-ui

AI/chat UI · MIT · data updated 2026-09-05

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-systemformshooksiconsloadersmapsmarketingmediamobilenavigationonboardingoverlayspro-availableretrotablestheming

Install

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

Health

StatusActive
Last committoday
LicenseMIT
Open issues83
ArchivedNo
Stars12,013

Components (151)

utilselements-surfaceselements-rangeelements-loading-stateelements-thinking-indicatorelements-reasoning-panelelements-streaming-textelements-typing-indicatorelements-message-pairelements-message-brancheselements-message-actionselements-suggestionselements-error-stateelements-tool-callelements-tool-timelineelements-terminal-blockelements-code-diffelements-web-searchelements-sourceselements-inline-citationelements-image-generationelements-data-tableelements-number-tickerelements-agent-planelements-subagent-listelements-agent-statuselements-approval-cardelements-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-trace-waterfallelements-canvas-splitelements-voice-conversationelements-read-aloudelements-mcp-server-panelelements-feedback-dialogelements-quote-replyelements-edit-messageelements-stopped-runelements-message-timingelements-connection-stateelements-agent-cardelements-web-previewelements-draft-restoreelements-diagramelements-flow-graphelements-activity-graph
Components: utils, elements-surfaces, elements-range, 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-tool-timeline, elements-terminal-block, elements-code-diff, elements-web-search, elements-sources, elements-inline-citation, elements-image-generation, elements-data-table, elements-number-ticker, elements-agent-plan, elements-subagent-list, elements-agent-status, elements-approval-card, 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-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-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, thread, elements-voice, elements-context-display, voice, use-copy-to-clipboard, markdown-text, reasoning, conversation-map, elements-reasoning, message-timing, context-display, thread-list, mcp-config, use-attachment-src, attachment, follow-up-suggestions, tooltip-icon-button, syntax-highlighter, 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, 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