Registries
ActiveFeaturedAI/chat UI2,192

@ai-elements

AI/chat UI · data updated 2026-07-08

Official Vercel AI SDK component registry (also distributed as ai-elements CLI) for building AI-native Next.js applications. Components span: Chatbot, Conversation, Message, Prompt Input, Model Selector, Reasoning/Chain-of-Thought display, Inline Citation, Confirmation, Checkpoint, Context, Suggestion, Task, Queue, Tool display, Code Block, Commit, File Tree, JSX Preview, Package Info, Sandbox, Schema Display, Snippet, Stack Trace, Terminal, Test Results, Web Preview, Audio Player, Mic Selector, and more. Requires Vercel AI SDK + shadcn/ui + Tailwind CSS. Free, open-source. Use for: AI-first Next.js apps that need a full suite of streaming-ready chat and agentic display components wired to the Vercel AI SDK out of the box.

WebsiteDocsGitHub

Install

npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/registry.json

Health

StatusActive
Last commit6 days ago
License—
Open issues61
ArchivedNo
Stars2,192

Components (136)

agentartifactattachmentsaudio-playercanvaschain-of-thoughtcheckpointcode-blockcommitconfirmationconnectioncontextcontrolsconversationedgeenvironment-variablesfile-treeimageinline-citationjsx-previewmessagemic-selectormodel-selectornodeopen-in-chatpackage-infopanelpersonaplanprompt-inputqueuereasoningsandboxschema-displayshimmersnippetsourcesspeech-inputstack-tracesuggestiontaskterminaltest-resultstooltoolbartranscriptionvoice-selectorweb-previewexample-agentexample-artifactexample-attachments-inlineexample-attachments-listexample-attachmentsexample-audio-player-remoteexample-audio-playerexample-chain-of-thoughtexample-chatbotexample-checkpointexample-code-block-darkexample-code-block
Components: agent, artifact, attachments, audio-player, canvas, chain-of-thought, checkpoint, code-block, commit, confirmation, connection, context, controls, conversation, edge, environment-variables, file-tree, image, inline-citation, jsx-preview, message, mic-selector, model-selector, node, open-in-chat, package-info, panel, persona, plan, prompt-input, queue, reasoning, sandbox, schema-display, shimmer, snippet, sources, speech-input, stack-trace, suggestion, task, terminal, test-results, tool, toolbar, transcription, voice-selector, web-preview, example-agent, example-artifact, example-attachments-inline, example-attachments-list, example-attachments, example-audio-player-remote, example-audio-player, example-chain-of-thought, example-chatbot, example-checkpoint, example-code-block-dark, example-code-block, example-commit, example-confirmation-accepted, example-confirmation-rejected, example-confirmation-request, example-confirmation, example-context, example-conversation, example-demo-chatgpt, example-demo-claude, example-demo-cursor, example-demo-grok, example-demo-workflow, example-environment-variables, example-file-tree-basic, example-file-tree-expanded, example-file-tree-selection, example-file-tree, example-image, example-inline-citation, example-jsx-preview, example-message, example-mic-selector, example-model-selector, example-open-in-chat, example-package-info, example-persona-command, example-persona-glint, example-persona-halo, example-persona-mana, example-persona-obsidian, example-persona-opal, example-plan, example-prompt-input-cursor, example-prompt-input-tooltip, example-prompt-input, example-queue-prompt-input, example-queue, example-reasoning, example-sandbox, example-schema-display-basic

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.

@ai-elements · agent

npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/agent.json
View source