shadcn/ui Tool Call Components

Dev Design Library indexes 7 shadcn/ui tool call components from 2 open-source UI libraries, with the most coming from Notra and AI Elements (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Tool call components belong to the AI group.

• ConfirmationAI Elements (Svelte) · SvelteA confirmation workflow component for tool approval states, request and response rendering, and action handling.
• Claude Code Todo ListNotra · ReactThe Update Todos tool call with done, active and pending items.
• ToolAI Elements (Svelte) · SvelteA collapsible tool call block with parameter and result rendering.
• Claude Code Tool CallNotra · ReactTool calls with a status bullet and a ⎿ result line, plus the collapsed "Ran 3 shell commands" summary.
• Codex ExecNotra · ReactA Ran cell with shell syntax colors and output folded behind + N lines.
• Codex ExploredNotra · ReactGrouped Read, Search and List calls with a + Show details fold.
• OpenCode ActivityNotra · ReactOrange thoughts with a live Thinking spinner, plus muted read, web search and tool lines.

Libraries with shadcn/ui tool call components

• Notra
• AI Elements (Svelte)

Related categories

• Tool Call Components
• React Tool Call Components
• Tailwind CSS Tool Call Components
• Animated Tool Call Components
• shadcn/ui AI Element Components
• shadcn/ui Prompt Input Components
• shadcn/ui AI Message Components
• shadcn/ui Citation Components
• shadcn/ui Conversation Components
• shadcn/ui Model Selector Components
• shadcn/ui Sources Components