sh4dcnv2 · atlas
← libraries

@agentui

Open-source React components for AI agent conversations, reasoning, tools, approvals, and streamed responses.

19 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://www.agentui.pro/r/registry.json
pnpm pnpm dlx shadcn@latest add https://www.agentui.pro/r/registry.json
bun bunx shadcn@latest add https://www.agentui.pro/r/registry.json
fetch registry curl -s https://www.agentui.pro/r/registry.json

Components

19 total
Message Bubble component

A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.

npx shadcn@latest add https://www.agentui.pro/r/message-bubble.json
Message component

Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent row…

npx shadcn@latest add https://www.agentui.pro/r/message.json
Message Scroller component

A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.

npx shadcn@latest add https://www.agentui.pro/r/message-scroller.json
Prompt Input component

An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.

npx shadcn@latest add https://www.agentui.pro/r/prompt-input.json
Todo List component

A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.

npx shadcn@latest add https://www.agentui.pro/r/todo-list.json
Code Block component

A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.

npx shadcn@latest add https://www.agentui.pro/r/code-block.json
Approval Card component

A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.

npx shadcn@latest add https://www.agentui.pro/r/approval-card.json
File Diff component

A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.

npx shadcn@latest add https://www.agentui.pro/r/file-diff.json
Tool Result component

A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.

npx shadcn@latest add https://www.agentui.pro/r/tool-result.json
Streaming Response component

A stable response surface with completion actions, rendered content, and an expandable source summary.

npx shadcn@latest add https://www.agentui.pro/r/streaming-response.json
Image Generation component

A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.

npx shadcn@latest add https://www.agentui.pro/r/image-generation.json
Tool Approval component

A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.

npx shadcn@latest add https://www.agentui.pro/r/tool-approval.json
Citations component

Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.

npx shadcn@latest add https://www.agentui.pro/r/citations.json
Agent Activity component

One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.

npx shadcn@latest add https://www.agentui.pro/r/agent-activity.json
Agent Loading States Reasoning Text component

Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.

npx shadcn@latest add https://www.agentui.pro/r/reasoning-text.json
Agent Loading States Thinking Shimmer component

A quiet shimmer that keeps the agent's current status readable while work continues.

npx shadcn@latest add https://www.agentui.pro/r/thinking-shimmer.json
Agent Loading States Agent Progress component

A compact activity glyph, action verb, and live tabular timer for longer-running agent work.

npx shadcn@latest add https://www.agentui.pro/r/agent-progress.json
AI Sidebar component

A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware la…

npx shadcn@latest add https://www.agentui.pro/r/ai-sidebar.json
Chat App component

A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and promp…

npx shadcn@latest add https://www.agentui.pro/r/chat-app.json