65 components.
Every component that ships in AgentKit — 43 AI-native primitives and 17 UI primitives. Each page shows live previews, copy-paste source, and the exact import. Pick a category or use the sidebar.
ChatSidebarConversation list with pin/archive.
MessageThreadThreaded replies with nesting.
AttachmentPreviewChip / card for uploaded files.
VoiceInputButtonMic with animated waveform.
CitationDrawerSide drawer listing RAG sources.
CommandPalette★⌘K palette with grouped commands.
AudioWaveformLive mic + playback waveform.
HotkeyHelp?-keyed shortcut cheatsheet modal.
StreamingTextCharacter-by-character typewriter.
StreamingMarkdownProgressive markdown renderer.
StreamingCodeStreaming syntax-highlighted code.
StreamingJSONPartial JSON pretty-printer.
StreamingTableRow-by-row table reveal.
StreamingFormForm fields appear as AI emits them.
ImageGenerationProgressStaged image-gen progress UI.
GenerationCanvasImage-gen output card with regen + fork.
AgentStatusPhase indicator pill.
AgentTraceViewer★Multi-step reasoning trace.
ToolCallPanel4-phase animated tool-call panel.
ThoughtBubbleChain-of-thought display.
ToolPermissionGateAllow / deny consequential calls.
MultiAgentViewN concurrent agents side-by-side.
AgentTimelineVertical timeline of agent events.
TaskListAI-generated tasks with subtasks.
ReasoningTreeBranching reasoning tree (ToT).
AgentMemoryViewerInspectable memory store.
ReasoningBlock★Collapsible extended-thinking panel.
ModelSelectorProvider-aware model dropdown.
TokenCounterColor-coded usage bar.
PromptPlaygroundPrompt + model + output pane.
DiffViewerSide-by-side A/B model output.
TemperatureSliderTemperature / top_p slider.
SystemPromptEditorMonospace system prompt editor.
CostTrackerRunning USD cost with budget bar.
PromptLibrarySearchable saved-prompts panel.