# Agent components

> Find 15 React agent components styled with Tailwind CSS, designed for chatbots, personal assistants, and AI-driven Next.js apps.

43 components available. Showing all of them below.

- [Subagent Tool](https://21st.dev/@serafimcloud/components/subagent-tool.md) — by Serafim
- [Subagent Tool](https://21st.dev/@serafimcloud/components/subagent-tool/interrupted.md) — by Serafim
- [Agent Plan](https://21st.dev/@isaiahbjork/components/agent-plan.md) — by Isaiah
- [AI Planning](https://21st.dev/@arunjdass/components/ai-planning.md) — by Arun Dass
- [Orb](https://21st.dev/@ElevenLabs-crawled/components/orb.md) — by ElevenLabs
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool.md) — by Serafim
- [AI Agent Pipeline](https://21st.dev/@monolythdev/components/ai-agent-pipeline.md) — by Dani Raulisa
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group.md) — by Serafim
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool/multiple-choice.md) — by Serafim
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool/text-answer.md) — by Serafim
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group/streaming.md) — by Serafim
- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group/interrupted.md) — by Serafim
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool/waiting.md) — by Serafim
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool/write-tool.md) — by Serafim
- [Bar Visualizer](https://21st.dev/@ElevenLabs-crawled/components/bar-visualizer.md) — by ElevenLabs
- [Thinking Tool](https://21st.dev/@serafimcloud/components/thinking-tool/collapsed.md) — by Serafim
- [Agent Dock](https://21st.dev/@dqnamo/components/agent-dock.md) — by dqnamo
- [MCP Tool](https://21st.dev/@serafimcloud/components/mcp-tool.md) — by Serafim
- [Search Tool](https://21st.dev/@serafimcloud/components/search-tool.md) — by Serafim
- [Tool Calls Section](https://21st.dev/@heygaia/components/tool-calls-section.md) — by GAIA UI
- [MCP Tool](https://21st.dev/@serafimcloud/components/mcp-tool/pending.md) — by Serafim
- [Text Shimmer](https://21st.dev/@serafimcloud/components/text-shimmer/fast.md) — by Serafim
- [Bash Tool](https://21st.dev/@serafimcloud/components/bash-tool.md) — by Serafim
- [Text Shimmer](https://21st.dev/@serafimcloud/components/text-shimmer/delayed.md) — by Serafim
- [MCP Tool](https://21st.dev/@serafimcloud/components/mcp-tool/interrupted.md) — by Serafim
- [Bash Tool](https://21st.dev/@serafimcloud/components/bash-tool/approval-footer.md) — by Serafim
- [Plan Tool](https://21st.dev/@serafimcloud/components/plan-tool/pending-update.md) — by Serafim
- [Plan Tool](https://21st.dev/@serafimcloud/components/plan-tool/approved.md) — by Serafim
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool.md) — by Serafim
- [Bash Tool](https://21st.dev/@serafimcloud/components/bash-tool/running-state.md) — by Serafim
- [Conversation Bar](https://21st.dev/@ElevenLabs-crawled/components/conversation-bar.md) — by ElevenLabs
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs.md) — by Jakub Antalik
- [Subagent Tool](https://21st.dev/@serafimcloud/components/subagent-tool/pending.md) — by Serafim
- [Generic Tool](https://21st.dev/@serafimcloud/components/generic-tool.md) — by Serafim
- [Generic Tool](https://21st.dev/@serafimcloud/components/generic-tool/pending.md) — by Serafim
- [Generic Tool](https://21st.dev/@serafimcloud/components/generic-tool/compatibility-flag.md) — by Serafim
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs/thinking.md) — by Jakub Antalik
- [AI Routing Indicator](https://21st.dev/@elements-/components/routing-indicator.md) — by Cameron Kelliher
- [AI Tool Call](https://21st.dev/@elements-/components/tool-call.md) — by Cameron Kelliher
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs/searching.md) — by Jakub Antalik
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs/working.md) — by Jakub Antalik
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs/shaping.md) — by Jakub Antalik
- [Thinking Orbs](https://21st.dev/@Jakubantalik/components/thinking-orbs/listening.md) — by Jakub Antalik

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