# Agent Elements

> An open-source collection of chat and agent UI components built on shadcn/ui: messages, tool cards, streaming states, and input controls. Install per-component with `npx shadcn@latest add <registry-url>`.

## Get started

- [Introduction](https://agent-elements.21st.dev/docs): what Agent Elements is, component inventory, composition recipes.
- [Installation](https://agent-elements.21st.dev/docs/installation): prerequisites, shadcn init, adding components, usage.
- [MCP](https://agent-elements.21st.dev/docs/mcp): browse and install Agent Elements from your AI assistant.
- [Skills](https://agent-elements.21st.dev/docs/skills): project-aware context so Claude Code and Cursor compose Agent Elements correctly.
- [Use cases](https://agent-elements.21st.dev/docs/use-cases): realistic agent scenarios (coding agents, support chat, etc.).

## Components

- [AgentChat](https://agent-elements.21st.dev/docs/agent-chat)
- [MessageList](https://agent-elements.21st.dev/docs/message-list)
- [InputBar](https://agent-elements.21st.dev/docs/input-bar)
- [Suggestions](https://agent-elements.21st.dev/docs/suggestions)
- [ModelPicker](https://agent-elements.21st.dev/docs/model-picker)
- [ModeSelector](https://agent-elements.21st.dev/docs/mode-selector)
- [UserMessage](https://agent-elements.21st.dev/docs/user-message)
- [Markdown](https://agent-elements.21st.dev/docs/markdown)
- [AttachmentButton](https://agent-elements.21st.dev/docs/attachment-button)
- [SendButton](https://agent-elements.21st.dev/docs/send-button)
- [FileAttachment](https://agent-elements.21st.dev/docs/file-attachment)
- [TextShimmer](https://agent-elements.21st.dev/docs/text-shimmer)
- [SpiralLoader](https://agent-elements.21st.dev/docs/spiral-loader)
- [BashTool](https://agent-elements.21st.dev/docs/bash-tool)
- [EditTool](https://agent-elements.21st.dev/docs/edit-tool)
- [SearchTool](https://agent-elements.21st.dev/docs/search-tool)
- [TodoTool](https://agent-elements.21st.dev/docs/todo-tool)
- [PlanTool](https://agent-elements.21st.dev/docs/plan-tool)
- [ToolGroup](https://agent-elements.21st.dev/docs/tool-group)
- [SubagentTool](https://agent-elements.21st.dev/docs/subagent-tool)
- [McpTool](https://agent-elements.21st.dev/docs/mcp-tool)
- [ThinkingTool](https://agent-elements.21st.dev/docs/thinking-tool)
- [GenericTool](https://agent-elements.21st.dev/docs/generic-tool)
- [QuestionTool](https://agent-elements.21st.dev/docs/question-tool)

## Registry

- Index: https://agent-elements.21st.dev/r/index.json
- Per-component: https://agent-elements.21st.dev/r/<component-id>.json

## Full docs

- [llms-full.txt](https://agent-elements.21st.dev/llms-full.txt): every docs page in a single file.