AI Elements components

Every subpath @elirobinson/ai-elements publishes, and what each one exports. There are 74 of them at version 0.3.0, vendored from ai-elements@1.9.0.

These need a Tailwind 4 build, and nothing in the other tiers does. They are a separate package for that reason — see Installing AI Elements before you copy a subpath out of this page, and Overview for what vendoring at a pinned release means for you.

This page is generated from @elirobinson/ai-elements/manifest, which the package rebuilds from its emitted declaration files on every build. Nothing here is typed by hand, which is the only way it can be right: the roster is upstream's, pnpm sync:elements --write can add and remove entries in one commit, and a list written into a page would go wrong silently. The same data is a one-liner away from your own terminal.

node -p "require('@elirobinson/ai-elements/manifest').entries.map(e => e.subpath).join('\n')"

There is no barrel — a bare @elirobinson/ai-elements import does not resolve. The import column below is the specifier you write, verbatim.

Reach into ui/ when you are extending an Element. For the rest of a page, @elirobinson/react is the layer with the keyboard contracts, the props tables and no build requirement.

Prop types are omitted from the export lists: every component ships one named after it (MessageContent and MessageContentProps), and printing both would double the page without saying anything. They are in the manifest and in the declaration files.

components (48)

The assistant surfaces themselves — conversation and message logs, prompt inputs, tool and reasoning panels, artifact and canvas views.

Import	Exports
`@elirobinson/ai-elements/components/agent`	7 `Agent`, `AgentContent`, `AgentHeader`, `AgentInstructions`, `AgentOutput`, `AgentTool`, `AgentTools`
`@elirobinson/ai-elements/components/artifact`	8 `Artifact`, `ArtifactAction`, `ArtifactActions`, `ArtifactClose`, `ArtifactContent`, `ArtifactDescription`, `ArtifactHeader`, `ArtifactTitle`
`@elirobinson/ai-elements/components/attachments`	16 `Attachment`, `AttachmentData`, `AttachmentEmpty`, `AttachmentHoverCard`, `AttachmentHoverCardContent`, `AttachmentHoverCardTrigger`, `AttachmentInfo`, `AttachmentMediaCategory`, `AttachmentPreview`, `AttachmentRemove`, `AttachmentVariant`, `Attachments`, `getAttachmentLabel`, `getMediaCategory`, `useAttachmentContext`, `useAttachmentsContext`
`@elirobinson/ai-elements/components/audio-player`	11 `AudioPlayer`, `AudioPlayerControlBar`, `AudioPlayerDurationDisplay`, `AudioPlayerElement`, `AudioPlayerMuteButton`, `AudioPlayerPlayButton`, `AudioPlayerSeekBackwardButton`, `AudioPlayerSeekForwardButton`, `AudioPlayerTimeDisplay`, `AudioPlayerTimeRange`, `AudioPlayerVolumeRange`
`@elirobinson/ai-elements/components/canvas`	1 `Canvas`
`@elirobinson/ai-elements/components/chain-of-thought`	7 `ChainOfThought`, `ChainOfThoughtContent`, `ChainOfThoughtHeader`, `ChainOfThoughtImage`, `ChainOfThoughtSearchResult`, `ChainOfThoughtSearchResults`, `ChainOfThoughtStep`
`@elirobinson/ai-elements/components/checkpoint`	3 `Checkpoint`, `CheckpointIcon`, `CheckpointTrigger`
`@elirobinson/ai-elements/components/code-block`	14 `CodeBlock`, `CodeBlockActions`, `CodeBlockContainer`, `CodeBlockContent`, `CodeBlockCopyButton`, `CodeBlockFilename`, `CodeBlockHeader`, `CodeBlockLanguageSelector`, `CodeBlockLanguageSelectorContent`, `CodeBlockLanguageSelectorItem`, `CodeBlockLanguageSelectorTrigger`, `CodeBlockLanguageSelectorValue`, `CodeBlockTitle`, `highlightCode`
`@elirobinson/ai-elements/components/commit`	22 `Commit`, `CommitActions`, `CommitAuthor`, `CommitAuthorAvatar`, `CommitContent`, `CommitCopyButton`, `CommitFile`, `CommitFileAdditions`, `CommitFileChanges`, `CommitFileDeletions`, `CommitFileIcon`, `CommitFileInfo`, `CommitFilePath`, `CommitFileStatus`, `CommitFiles`, `CommitHash`, `CommitHeader`, `CommitInfo`, `CommitMessage`, `CommitMetadata`, `CommitSeparator`, `CommitTimestamp`
`@elirobinson/ai-elements/components/confirmation`	7 `Confirmation`, `ConfirmationAccepted`, `ConfirmationAction`, `ConfirmationActions`, `ConfirmationRejected`, `ConfirmationRequest`, `ConfirmationTitle`
`@elirobinson/ai-elements/components/connection`	1 `Connection`
`@elirobinson/ai-elements/components/context`	10 `Context`, `ContextCacheUsage`, `ContextContent`, `ContextContentBody`, `ContextContentFooter`, `ContextContentHeader`, `ContextInputUsage`, `ContextOutputUsage`, `ContextReasoningUsage`, `ContextTrigger`
`@elirobinson/ai-elements/components/controls`	1 `Controls`
`@elirobinson/ai-elements/components/conversation`	6 `Conversation`, `ConversationContent`, `ConversationDownload`, `ConversationEmptyState`, `ConversationScrollButton`, `messagesToMarkdown`
`@elirobinson/ai-elements/components/edge`	1 `Edge`
`@elirobinson/ai-elements/components/environment-variables`	11 `EnvironmentVariable`, `EnvironmentVariableCopyButton`, `EnvironmentVariableGroup`, `EnvironmentVariableName`, `EnvironmentVariableRequired`, `EnvironmentVariableValue`, `EnvironmentVariables`, `EnvironmentVariablesContent`, `EnvironmentVariablesHeader`, `EnvironmentVariablesTitle`, `EnvironmentVariablesToggle`
`@elirobinson/ai-elements/components/file-tree`	6 `FileTree`, `FileTreeActions`, `FileTreeFile`, `FileTreeFolder`, `FileTreeIcon`, `FileTreeName`
`@elirobinson/ai-elements/components/image`	1 `Image`
`@elirobinson/ai-elements/components/inline-citation`	14 `InlineCitation`, `InlineCitationCard`, `InlineCitationCardBody`, `InlineCitationCardTrigger`, `InlineCitationCarousel`, `InlineCitationCarouselContent`, `InlineCitationCarouselHeader`, `InlineCitationCarouselIndex`, `InlineCitationCarouselItem`, `InlineCitationCarouselNext`, `InlineCitationCarouselPrev`, `InlineCitationQuote`, `InlineCitationSource`, `InlineCitationText`
`@elirobinson/ai-elements/components/jsx-preview`	4 `JSXPreview`, `JSXPreviewContent`, `JSXPreviewError`, `useJSXPreview`
`@elirobinson/ai-elements/components/message`	12 `Message`, `MessageAction`, `MessageActions`, `MessageBranch`, `MessageBranchContent`, `MessageBranchNext`, `MessageBranchPage`, `MessageBranchPrevious`, `MessageBranchSelector`, `MessageContent`, `MessageResponse`, `MessageToolbar`
`@elirobinson/ai-elements/components/mic-selector`	10 `MicSelector`, `MicSelectorContent`, `MicSelectorEmpty`, `MicSelectorInput`, `MicSelectorItem`, `MicSelectorLabel`, `MicSelectorList`, `MicSelectorTrigger`, `MicSelectorValue`, `useAudioDevices`
`@elirobinson/ai-elements/components/model-selector`	14 `ModelSelector`, `ModelSelectorContent`, `ModelSelectorDialog`, `ModelSelectorEmpty`, `ModelSelectorGroup`, `ModelSelectorInput`, `ModelSelectorItem`, `ModelSelectorList`, `ModelSelectorLogo`, `ModelSelectorLogoGroup`, `ModelSelectorName`, `ModelSelectorSeparator`, `ModelSelectorShortcut`, `ModelSelectorTrigger`
`@elirobinson/ai-elements/components/node`	7 `Node`, `NodeAction`, `NodeContent`, `NodeDescription`, `NodeFooter`, `NodeHeader`, `NodeTitle`
`@elirobinson/ai-elements/components/open-in-chat`	12 `OpenIn`, `OpenInChatGPT`, `OpenInClaude`, `OpenInContent`, `OpenInCursor`, `OpenInItem`, `OpenInLabel`, `OpenInScira`, `OpenInSeparator`, `OpenInT3`, `OpenInTrigger`, `OpenInv0`
`@elirobinson/ai-elements/components/package-info`	9 `PackageInfo`, `PackageInfoChangeType`, `PackageInfoContent`, `PackageInfoDependencies`, `PackageInfoDependency`, `PackageInfoDescription`, `PackageInfoHeader`, `PackageInfoName`, `PackageInfoVersion`
`@elirobinson/ai-elements/components/panel`	1 `Panel`
`@elirobinson/ai-elements/components/persona`	2 `Persona`, `PersonaState`
`@elirobinson/ai-elements/components/plan`	8 `Plan`, `PlanAction`, `PlanContent`, `PlanDescription`, `PlanFooter`, `PlanHeader`, `PlanTitle`, `PlanTrigger`
`@elirobinson/ai-elements/components/prompt-input`	45 `AttachmentsContext`, `LocalReferencedSourcesContext`, `PromptInput`, `PromptInputActionAddAttachments`, `PromptInputActionAddScreenshot`, `PromptInputActionMenu`, `PromptInputActionMenuContent`, `PromptInputActionMenuItem`, `PromptInputActionMenuTrigger`, `PromptInputBody`, `PromptInputButton`, `PromptInputButtonTooltip`, `PromptInputCommand`, `PromptInputCommandEmpty`, `PromptInputCommandGroup`, `PromptInputCommandInput`, `PromptInputCommandItem`, `PromptInputCommandList`, `PromptInputCommandSeparator`, `PromptInputFooter`, `PromptInputHeader`, `PromptInputHoverCard`, `PromptInputHoverCardContent`, `PromptInputHoverCardTrigger`, `PromptInputMessage`, `PromptInputProvider`, `PromptInputSelect`, `PromptInputSelectContent`, `PromptInputSelectItem`, `PromptInputSelectTrigger`, `PromptInputSelectValue`, `PromptInputSubmit`, `PromptInputTab`, `PromptInputTabBody`, `PromptInputTabItem`, `PromptInputTabLabel`, `PromptInputTabsList`, `PromptInputTextarea`, `PromptInputTools`, `ReferencedSourcesContext`, `TextInputContext`, `usePromptInputAttachments`, `usePromptInputController`, `usePromptInputReferencedSources`, `useProviderAttachments`
`@elirobinson/ai-elements/components/queue`	18 `Queue`, `QueueItem`, `QueueItemAction`, `QueueItemActions`, `QueueItemAttachment`, `QueueItemContent`, `QueueItemDescription`, `QueueItemFile`, `QueueItemImage`, `QueueItemIndicator`, `QueueList`, `QueueMessage`, `QueueMessagePart`, `QueueSection`, `QueueSectionContent`, `QueueSectionLabel`, `QueueSectionTrigger`, `QueueTodo`
`@elirobinson/ai-elements/components/reasoning`	4 `Reasoning`, `ReasoningContent`, `ReasoningTrigger`, `useReasoning`
`@elirobinson/ai-elements/components/sandbox`	8 `Sandbox`, `SandboxContent`, `SandboxHeader`, `SandboxTabContent`, `SandboxTabs`, `SandboxTabsBar`, `SandboxTabsList`, `SandboxTabsTrigger`
`@elirobinson/ai-elements/components/schema-display`	13 `SchemaDisplay`, `SchemaDisplayBody`, `SchemaDisplayContent`, `SchemaDisplayDescription`, `SchemaDisplayExample`, `SchemaDisplayHeader`, `SchemaDisplayMethod`, `SchemaDisplayParameter`, `SchemaDisplayParameters`, `SchemaDisplayPath`, `SchemaDisplayProperty`, `SchemaDisplayRequest`, `SchemaDisplayResponse`
`@elirobinson/ai-elements/components/shimmer`	1 `Shimmer`
`@elirobinson/ai-elements/components/snippet`	5 `Snippet`, `SnippetAddon`, `SnippetCopyButton`, `SnippetInput`, `SnippetText`
`@elirobinson/ai-elements/components/sources`	4 `Source`, `Sources`, `SourcesContent`, `SourcesTrigger`
`@elirobinson/ai-elements/components/speech-input`	1 `SpeechInput`
`@elirobinson/ai-elements/components/stack-trace`	10 `StackTrace`, `StackTraceActions`, `StackTraceContent`, `StackTraceCopyButton`, `StackTraceError`, `StackTraceErrorMessage`, `StackTraceErrorType`, `StackTraceExpandButton`, `StackTraceFrames`, `StackTraceHeader`
`@elirobinson/ai-elements/components/suggestion`	2 `Suggestion`, `Suggestions`
`@elirobinson/ai-elements/components/task`	5 `Task`, `TaskContent`, `TaskItem`, `TaskItemFile`, `TaskTrigger`
`@elirobinson/ai-elements/components/terminal`	8 `Terminal`, `TerminalActions`, `TerminalClearButton`, `TerminalContent`, `TerminalCopyButton`, `TerminalHeader`, `TerminalStatus`, `TerminalTitle`
`@elirobinson/ai-elements/components/test-results`	17 `Test`, `TestDuration`, `TestError`, `TestErrorMessage`, `TestErrorStack`, `TestName`, `TestResults`, `TestResultsContent`, `TestResultsDuration`, `TestResultsHeader`, `TestResultsProgress`, `TestResultsSummary`, `TestStatus`, `TestSuite`, `TestSuiteContent`, `TestSuiteName`, `TestSuiteStats`
`@elirobinson/ai-elements/components/tool`	7 `Tool`, `ToolContent`, `ToolHeader`, `ToolInput`, `ToolOutput`, `ToolPart`, `getStatusBadge`
`@elirobinson/ai-elements/components/toolbar`	1 `Toolbar`
`@elirobinson/ai-elements/components/transcription`	2 `Transcription`, `TranscriptionSegment`
`@elirobinson/ai-elements/components/voice-selector`	20 `VoiceSelector`, `VoiceSelectorAccent`, `VoiceSelectorAge`, `VoiceSelectorAttributes`, `VoiceSelectorBullet`, `VoiceSelectorContent`, `VoiceSelectorDescription`, `VoiceSelectorDialog`, `VoiceSelectorEmpty`, `VoiceSelectorGender`, `VoiceSelectorGroup`, `VoiceSelectorInput`, `VoiceSelectorItem`, `VoiceSelectorList`, `VoiceSelectorName`, `VoiceSelectorPreview`, `VoiceSelectorSeparator`, `VoiceSelectorShortcut`, `VoiceSelectorTrigger`, `useVoiceSelector`
`@elirobinson/ai-elements/components/web-preview`	7 `WebPreview`, `WebPreviewBody`, `WebPreviewConsole`, `WebPreviewContextValue`, `WebPreviewNavigation`, `WebPreviewNavigationButton`, `WebPreviewUrl`

ui (25)

The shadcn/ui primitives those components are built on, vendored because they are what those components import.

Import	Exports
`@elirobinson/ai-elements/ui/accordion`	4 `Accordion`, `AccordionContent`, `AccordionItem`, `AccordionTrigger`
`@elirobinson/ai-elements/ui/alert`	3 `Alert`, `AlertDescription`, `AlertTitle`
`@elirobinson/ai-elements/ui/avatar`	3 `Avatar`, `AvatarFallback`, `AvatarImage`
`@elirobinson/ai-elements/ui/badge`	2 `Badge`, `badgeVariants`
`@elirobinson/ai-elements/ui/button-group`	4 `ButtonGroup`, `ButtonGroupSeparator`, `ButtonGroupText`, `buttonGroupVariants`
`@elirobinson/ai-elements/ui/button`	2 `Button`, `buttonVariants`
`@elirobinson/ai-elements/ui/card`	7 `Card`, `CardAction`, `CardContent`, `CardDescription`, `CardFooter`, `CardHeader`, `CardTitle`
`@elirobinson/ai-elements/ui/carousel`	6 `Carousel`, `CarouselApi`, `CarouselContent`, `CarouselItem`, `CarouselNext`, `CarouselPrevious`
`@elirobinson/ai-elements/ui/collapsible`	3 `Collapsible`, `CollapsibleContent`, `CollapsibleTrigger`
`@elirobinson/ai-elements/ui/command`	9 `Command`, `CommandDialog`, `CommandEmpty`, `CommandGroup`, `CommandInput`, `CommandItem`, `CommandList`, `CommandSeparator`, `CommandShortcut`
`@elirobinson/ai-elements/ui/dialog`	10 `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
`@elirobinson/ai-elements/ui/dropdown-menu`	15 `DropdownMenu`, `DropdownMenuCheckboxItem`, `DropdownMenuContent`, `DropdownMenuGroup`, `DropdownMenuItem`, `DropdownMenuLabel`, `DropdownMenuPortal`, `DropdownMenuRadioGroup`, `DropdownMenuRadioItem`, `DropdownMenuSeparator`, `DropdownMenuShortcut`, `DropdownMenuSub`, `DropdownMenuSubContent`, `DropdownMenuSubTrigger`, `DropdownMenuTrigger`
`@elirobinson/ai-elements/ui/hover-card`	3 `HoverCard`, `HoverCardContent`, `HoverCardTrigger`
`@elirobinson/ai-elements/ui/input-group`	6 `InputGroup`, `InputGroupAddon`, `InputGroupButton`, `InputGroupInput`, `InputGroupText`, `InputGroupTextarea`
`@elirobinson/ai-elements/ui/input`	1 `Input`
`@elirobinson/ai-elements/ui/popover`	4 `Popover`, `PopoverAnchor`, `PopoverContent`, `PopoverTrigger`
`@elirobinson/ai-elements/ui/progress`	1 `Progress`
`@elirobinson/ai-elements/ui/scroll-area`	2 `ScrollArea`, `ScrollBar`
`@elirobinson/ai-elements/ui/select`	10 `Select`, `SelectContent`, `SelectGroup`, `SelectItem`, `SelectLabel`, `SelectScrollDownButton`, `SelectScrollUpButton`, `SelectSeparator`, `SelectTrigger`, `SelectValue`
`@elirobinson/ai-elements/ui/separator`	1 `Separator`
`@elirobinson/ai-elements/ui/spinner`	1 `Spinner`
`@elirobinson/ai-elements/ui/switch`	1 `Switch`
`@elirobinson/ai-elements/ui/tabs`	4 `Tabs`, `TabsContent`, `TabsList`, `TabsTrigger`
`@elirobinson/ai-elements/ui/textarea`	1 `Textarea`
`@elirobinson/ai-elements/ui/tooltip`	4 `Tooltip`, `TooltipContent`, `TooltipProvider`, `TooltipTrigger`

lib (1)

The helpers the tree shares.

Import	Exports
`@elirobinson/ai-elements/lib/utils`	1 `cn`