---
name: "@agentui"
slug: "agentui"
description: "Open-source React components for AI agent conversations, reasoning, tools, approvals, and streamed responses."
category: "AI/chat UI"
tags: ["ai", "blocks", "cards", "dashboard", "forms", "loaders", "media"]
framework: "react"
license: null
author: null
website: "https://www.agentui.pro"
github: null
registry: "https://www.agentui.pro/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 19
generated_at: "2026-09-21T01:50:16.753Z"
---

# @agentui

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

## Links

- Website: https://www.agentui.pro
- Registry JSON: https://www.agentui.pro/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/agentui
- This file: https://sh4dcn.vercel.app/md/agentui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.agentui.pro/r/registry.json
pnpm dlx shadcn@latest add https://www.agentui.pro/r/registry.json
bunx shadcn@latest add https://www.agentui.pro/r/registry.json
# fetch the raw registry index
curl -s https://www.agentui.pro/r/registry.json
```

## Components (19)

| name | type | description | install |
| --- | --- | --- | --- |
| message-bubble | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| reasoning-text | registry: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` |
| thinking-shimmer | registry: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-progress | registry: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 | registry: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 | registry: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` |

## For AI agents

```text
You are adding components from @agentui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/agentui.md) for the component list.
2. Fetch the machine-readable index: https://www.agentui.pro/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: agentui).
```