Components
Embed a customizable AI experience into your product.
These components are a great way to start building your AI application. With these components you can render entire threads, along with a thread message form.
Fully styled components, with full Radix support.
Customize through CSS variables and class names.
Can be used alongside primitives.
Overview
SuperinterfaceProviderProvide context to components
ThreadRender a thread
ThreadDialogRender a thread in a dialog
AudioThreadRender an audio thread
AudioThreadDialogRender an audio thread in a dialog
MarkdownProviderProvider markdown components
SuggestionsRender reply suggestions
AssistantProviderScope components to an assistant
ComponentsProviderOverride internal components
AvatarDisplay user or assistant images
RunStepRender a run step
MessageGroupGroup related messages
SourceAnnotationAttach citation metadata
MessagesSkeletonPlaceholder while loading messages
StartingSkeletonPlaceholder before messages exist
StartingContentSkeletonSkeleton content for empty state
TtsAudioRuntimeProviderProvide TTS audio runtime
WebrtcAudioRuntimeProviderProvide WebRTC audio runtime
MessageContentRender message content