# Tool Call components

> Browse 1 Tool Call components for React, styled with Tailwind CSS and ready for your Next.js project.

36 components available. Showing all of them below.

- [Tool Group](https://21st.dev/@serafimcloud/components/tool-group.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
- [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
- [Search Tool](https://21st.dev/@serafimcloud/components/search-tool/pending-search.md) — by Serafim
- [MCP Tool](https://21st.dev/@serafimcloud/components/mcp-tool/interrupted.md) — by Serafim
- [Search Tool](https://21st.dev/@serafimcloud/components/search-tool/alt-source-set.md) — by Serafim
- [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
- [AI Tool Call](https://21st.dev/@elements-/components/tool-call.md) — by Cameron Kelliher
- [Tool Invocation](https://21st.dev/@Alwurts/components/tool-invocation.md) — by simple-ai
- [Chat Tool](https://21st.dev/@asanshay/components/chat-tool.md) — by Asan Shay
- [AI Planning](https://21st.dev/@arunjdass/components/ai-planning.md) — by Arun Dass
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool.md) — by Serafim
- [Question Tool](https://21st.dev/@serafimcloud/components/question-tool/multiple-choice.md) — by Serafim
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool.md) — by Serafim
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool/approval-footer.md) — by Serafim
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool/write-tool.md) — by Serafim
- [Plan Tool](https://21st.dev/@serafimcloud/components/plan-tool.md) — by Serafim
- [Bash Tool](https://21st.dev/@serafimcloud/components/bash-tool.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
- [Bash Tool](https://21st.dev/@serafimcloud/components/bash-tool/running-state.md) — by Serafim
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool.md) — by Serafim
- [Subagent Tool](https://21st.dev/@serafimcloud/components/subagent-tool.md) — by Serafim
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool/multiple-updates.md) — by Serafim
- [Chat Reasoning](https://21st.dev/@asanshay/components/chat-reasoning.md) — by Asan Shay
- [Todo Tool](https://21st.dev/@serafimcloud/components/todo-tool/pending-update.md) — by Serafim
- [Subagent Tool](https://21st.dev/@serafimcloud/components/subagent-tool/interrupted.md) — by Serafim

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