# Agent Elements

> Collection of React UI components for building AI agent chat interfaces, like send/attachment buttons, suggestions, and loaders.

- Owner: [21st](https://21st.dev/@21st)
- Components: 22
- Website: https://agent-elements.21st.dev
- Live page: https://21st.dev/@21st/library/agent-elements

## Components

All 22 of them:

- [Agent Chat](https://21st.dev/@21st/components/agent-chat.md)
- [Attachment Button](https://21st.dev/@21st/components/attachment-button.md)
- [Bash Tool](https://21st.dev/@21st/components/bash-tool.md)
- [Edit Tool](https://21st.dev/@21st/components/edit-tool.md)
- [Error Message](https://21st.dev/@21st/components/error-message.md)
- [File Attachment](https://21st.dev/@21st/components/file-attachment.md)
- [Generic Tool](https://21st.dev/@21st/components/generic-tool.md)
- [Input Bar](https://21st.dev/@21st/components/input-bar.md)
- [Markdown](https://21st.dev/@21st/components/markdown.md)
- [MCP Tool](https://21st.dev/@21st/components/mcp-tool.md)
- [Model Picker](https://21st.dev/@21st/components/model-picker.md)
- [Mode Selector](https://21st.dev/@21st/components/mode-selector.md)
- [Plan Tool](https://21st.dev/@21st/components/plan-tool.md)
- [Search Tool](https://21st.dev/@21st/components/search-tool.md)
- [Send Button](https://21st.dev/@21st/components/send-button.md)
- [Spiral Loader](https://21st.dev/@21st/components/spiral-loader.md)
- [Subagent Tool](https://21st.dev/@21st/components/subagent-tool.md)
- [Suggestions](https://21st.dev/@21st/components/suggestions.md)
- [Text Shimmer](https://21st.dev/@21st/components/text-shimmer.md)
- [Thinking Tool](https://21st.dev/@21st/components/thinking-tool.md)
- [Todo Tool](https://21st.dev/@21st/components/todo-tool.md)
- [User Message](https://21st.dev/@21st/components/user-message.md)

Full component directory: https://21st.dev/llms.txt