ai-elements
Build AI chat interfaces with pre-built shadcn-style components (Message, Conversation, PromptInput, Reasoning, Sources, Tool, Artifact, CodeBlock, Branch, Suggestions, Task, Image, ChainOfThought, InlineCitation, WebPreview, and more). Use when adding AI chat UI to a Next.js + AI SDK app, installing AI Elements components via the CLI (bun x ai-elements@latest add <name> or npx shadcn@latest add @ai-elements/<name>), composing message displays with markdown, building prompt inputs with attachments, or rendering streaming reasoning and tool output.
Pinned to revision 0b7b5c0607dc, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/ai-elements/SKILL.md
- skills/ai-elements/references/agent.md
- skills/ai-elements/references/artifact.md
- skills/ai-elements/references/attachments.md
- skills/ai-elements/references/audio-player.md
- skills/ai-elements/references/canvas.md
- skills/ai-elements/references/chain-of-thought.md
- skills/ai-elements/references/chatbot.md
- skills/ai-elements/references/checkpoint.md
- skills/ai-elements/references/code-block.md
- skills/ai-elements/references/commit.md
- skills/ai-elements/references/confirmation.md
- skills/ai-elements/references/connection.md
- skills/ai-elements/references/context.md
- skills/ai-elements/references/controls.md
- skills/ai-elements/references/conversation.md
- skills/ai-elements/references/edge.md
- skills/ai-elements/references/environment-variables.md
- skills/ai-elements/references/file-tree.md
- skills/ai-elements/references/image.md
- skills/ai-elements/references/inline-citation.md
- skills/ai-elements/references/integration.md
- skills/ai-elements/references/jsx-preview.md
- skills/ai-elements/references/loader.md
- skills/ai-elements/references/message.md
- skills/ai-elements/references/mic-selector.md
- skills/ai-elements/references/model-selector.md
- skills/ai-elements/references/node.md
- skills/ai-elements/references/open-in-chat.md
- skills/ai-elements/references/package-info.md
- skills/ai-elements/references/panel.md
- skills/ai-elements/references/persona.md
- skills/ai-elements/references/plan.md
- skills/ai-elements/references/prompt-input.md
- skills/ai-elements/references/queue.md
- skills/ai-elements/references/reasoning.md
- skills/ai-elements/references/sandbox.md
- skills/ai-elements/references/schema-display.md
- skills/ai-elements/references/shimmer.md
- skills/ai-elements/references/snippet.md
- skills/ai-elements/references/sources.md
- skills/ai-elements/references/speech-input.md
- skills/ai-elements/references/stack-trace.md
- skills/ai-elements/references/suggestion.md
- skills/ai-elements/references/task.md
- skills/ai-elements/references/terminal.md
- skills/ai-elements/references/test-results.md
- skills/ai-elements/references/tool.md
- skills/ai-elements/references/toolbar.md
- skills/ai-elements/references/transcription.md
- skills/ai-elements/references/utilities.md
- skills/ai-elements/references/voice-selector.md
- skills/ai-elements/references/web-preview.md
- skills/ai-elements/references/workflow.md
- skills/ai-elements/scripts/agent.tsx
- skills/ai-elements/scripts/artifact.tsx
- skills/ai-elements/scripts/attachments-inline.tsx
- skills/ai-elements/scripts/attachments-list.tsx
- skills/ai-elements/scripts/attachments.tsx
- skills/ai-elements/scripts/audio-player-remote.tsx
- skills/ai-elements/scripts/audio-player.tsx
- skills/ai-elements/scripts/chain-of-thought.tsx
- skills/ai-elements/scripts/checkpoint.tsx
- skills/ai-elements/scripts/code-block-dark.tsx
- skills/ai-elements/scripts/code-block.tsx
- skills/ai-elements/scripts/commit.tsx
- skills/ai-elements/scripts/confirmation-accepted.tsx
- skills/ai-elements/scripts/confirmation-rejected.tsx
- skills/ai-elements/scripts/confirmation-request.tsx
- skills/ai-elements/scripts/confirmation.tsx
- skills/ai-elements/scripts/context.tsx
- skills/ai-elements/scripts/conversation.tsx
- skills/ai-elements/scripts/environment-variables.tsx
- skills/ai-elements/scripts/file-tree-basic.tsx
- skills/ai-elements/scripts/file-tree-expanded.tsx
- skills/ai-elements/scripts/file-tree-selection.tsx
- skills/ai-elements/scripts/file-tree.tsx
- skills/ai-elements/scripts/image.tsx
- skills/ai-elements/scripts/inline-citation.tsx
- skills/ai-elements/scripts/jsx-preview.tsx
- skills/ai-elements/scripts/message.tsx
- skills/ai-elements/scripts/mic-selector.tsx
- skills/ai-elements/scripts/model-selector.tsx
- skills/ai-elements/scripts/open-in-chat.tsx
- skills/ai-elements/scripts/package-info.tsx
- skills/ai-elements/scripts/persona-command.tsx
- skills/ai-elements/scripts/persona-glint.tsx
- skills/ai-elements/scripts/persona-halo.tsx
- skills/ai-elements/scripts/persona-mana.tsx
- skills/ai-elements/scripts/persona-obsidian.tsx
- skills/ai-elements/scripts/persona-opal.tsx
- skills/ai-elements/scripts/plan.tsx
- skills/ai-elements/scripts/prompt-input-cursor.tsx
- skills/ai-elements/scripts/prompt-input-tooltip.tsx
- skills/ai-elements/scripts/prompt-input.tsx
- skills/ai-elements/scripts/queue-prompt-input.tsx
- skills/ai-elements/scripts/queue.tsx
- skills/ai-elements/scripts/reasoning.tsx
- skills/ai-elements/scripts/sandbox.tsx
- skills/ai-elements/scripts/schema-display-basic.tsx
- skills/ai-elements/scripts/schema-display-body.tsx
- skills/ai-elements/scripts/schema-display-nested.tsx
- skills/ai-elements/scripts/schema-display-params.tsx
- skills/ai-elements/scripts/schema-display.tsx
- skills/ai-elements/scripts/shimmer-duration.tsx
- skills/ai-elements/scripts/shimmer-elements.tsx
- skills/ai-elements/scripts/shimmer.tsx
- skills/ai-elements/scripts/snippet-plain.tsx
- skills/ai-elements/scripts/snippet.tsx
- skills/ai-elements/scripts/sources-custom.tsx
- skills/ai-elements/scripts/sources.tsx
- skills/ai-elements/scripts/speech-input.tsx
- skills/ai-elements/scripts/stack-trace-collapsed.tsx
- skills/ai-elements/scripts/stack-trace-no-internal.tsx
- skills/ai-elements/scripts/stack-trace.tsx
- skills/ai-elements/scripts/suggestion-input.tsx
- skills/ai-elements/scripts/suggestion.tsx
- skills/ai-elements/scripts/task.tsx
- skills/ai-elements/scripts/terminal-basic.tsx
- skills/ai-elements/scripts/terminal-clear.tsx
- skills/ai-elements/scripts/terminal-streaming.tsx
- skills/ai-elements/scripts/terminal.tsx
- skills/ai-elements/scripts/test-results-basic.tsx
- skills/ai-elements/scripts/test-results-errors.tsx
- skills/ai-elements/scripts/test-results-suites.tsx
- skills/ai-elements/scripts/test-results.tsx
- skills/ai-elements/scripts/tool-input-available.tsx
- skills/ai-elements/scripts/tool-input-streaming.tsx
- skills/ai-elements/scripts/tool-output-available.tsx
- skills/ai-elements/scripts/tool-output-error.tsx
- skills/ai-elements/scripts/tool.tsx
- skills/ai-elements/scripts/transcription.tsx
- skills/ai-elements/scripts/voice-selector.tsx
- skills/ai-elements/scripts/web-preview.tsx
Every link opens the file at its source, pinned to the revision this page describes.