### Install Prompt Input with bun Source: https://www.shadcn.io/ai/prompt-input Install the prompt-input component using bun. This command adds the component to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/prompt-input.json ``` -------------------------------- ### Install Reasoning Component via AI Prompt Source: https://www.shadcn.io/ai/reasoning Prompt your AI agent to install the reasoning component if your editor is MCP-ready. ```bash use shadcnio to install the reasoning AI component into my project ``` -------------------------------- ### Install Mic Selector with AI Source: https://www.shadcn.io/ai/mic-selector Use this prompt with an MCP-ready AI editor to install the mic-selector AI component into your project without manual installation. ```bash use shadcnio to install the mic-selector AI component into my project ``` -------------------------------- ### Install Prompt Input with npm Source: https://www.shadcn.io/ai/prompt-input Install the prompt-input component using npm. This command adds the component to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/prompt-input.json ``` -------------------------------- ### Install Commit AI Component via Prompt Source: https://www.shadcn.io/ai/commit Use this prompt with an MCP-ready AI editor to install the commit AI component without manual installation. ```bash use shadcnio to install the commit AI component into my project ``` -------------------------------- ### Install Voice Selector with bun Source: https://www.shadcn.io/ai/voice-selector Use this command to install the voice-selector AI component into your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/voice-selector.json ``` -------------------------------- ### Install Web Preview Component via AI Prompt Source: https://www.shadcn.io/ai/web-preview If your AI editor is connected to the shadcn.io MCP server, use this prompt to install the web-preview AI component. ```bash use shadcnio to install the web-preview AI component into my project ``` -------------------------------- ### Install Prompt Input with yarn Source: https://www.shadcn.io/ai/prompt-input Install the prompt-input component using yarn. This command adds the component to your project. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/prompt-input.json ``` -------------------------------- ### Install Prompt Input with pnpm Source: https://www.shadcn.io/ai/prompt-input Install the prompt-input component using pnpm. This command adds the component to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/prompt-input.json ``` -------------------------------- ### Prompt AI Editor to Install Tool Component Source: https://www.shadcn.io/ai/tool Example prompt to use with an AI editor like Claude Code, Cursor, or Windsurf to install the shadcn.io tool AI component. This method avoids manual CLI commands. ```text use shadcnio to install the tool AI component into my project ``` -------------------------------- ### Install Queue Component via AI Prompt Source: https://www.shadcn.io/ai/queue Prompt your AI agent to install the queue component directly into your project if your editor supports MCP. ```bash use shadcnio to install the queue AI component into my project ``` -------------------------------- ### Install File Tree Component via AI Prompt Source: https://www.shadcn.io/ai/file-tree Prompt your AI agent to install the file-tree AI component using the shadcn.io MCP server. ```bash use shadcnio to install the file-tree AI component into my project ``` -------------------------------- ### Install Artifact Component with bun Source: https://www.shadcn.io/ai/artifact Use bun to add the artifact component to your project. This command fetches the component's installation script. ```bash bunx shadcn@latest add https://www.shadcn.io/r/artifact.json ``` -------------------------------- ### Install AI Component with Agent Source: https://www.shadcn.io/ai/open-in-chat Use this prompt with your AI agent to install the open-in-chat AI component into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the open-in-chat AI component into my project ``` -------------------------------- ### Install AI Component via MCP Prompt Source: https://www.shadcn.io/ai/inline-citation Prompt your MCP-ready AI agent to install the inline-citation AI component directly into your project. ```bash use shadcnio to install the inline-citation AI component into my project ``` -------------------------------- ### Install Persona Component with bun Source: https://www.shadcn.io/ai/persona Install the persona component using bun. This command adds the component to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/persona.json ``` -------------------------------- ### Install AI Component via Prompt Source: https://www.shadcn.io/ai/plan If your AI editor is connected to the shadcn.io MCP server, use this prompt to install the AI Plan component without manual CLI commands. ```bash use shadcnio to install the plan AI component into my project ``` -------------------------------- ### Install Sources AI Component via AI Prompt Source: https://www.shadcn.io/ai/sources Use this prompt with an MCP-ready AI editor to automatically install the Sources AI component into your project. ```bash use shadcnio to install the sources AI component into my project ``` -------------------------------- ### Install Voice Selector with npm Source: https://www.shadcn.io/ai/voice-selector Use this command to install the voice-selector AI component into your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/voice-selector.json ``` -------------------------------- ### Install shadcn/ui Chatbot Component Source: https://www.shadcn.io/ai/chatbot Use this command to add the chatbot component to your project. Ensure you have the shadcn/ui CLI installed. ```bash npx shadcn@latest add https://www.shadcn.io/r/chatbot.json ``` ```bash npx shadcn@latest add https://www.shadcn.io/r/chatbot.json ``` ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/chatbot.json ``` ```bash bunx shadcn@latest add https://www.shadcn.io/r/chatbot.json ``` -------------------------------- ### Install Voice Selector with pnpm Source: https://www.shadcn.io/ai/voice-selector Use this command to install the voice-selector AI component into your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/voice-selector.json ``` -------------------------------- ### Install Web Preview Component with bun Source: https://www.shadcn.io/ai/web-preview Use this command to add the web-preview component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/web-preview.json ``` -------------------------------- ### Install Package Info AI Component Source: https://www.shadcn.io/ai/package-info Use this prompt with an MCP-ready AI editor to install the package-info AI component into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the package-info AI component into my project ``` -------------------------------- ### Install Reasoning Component with bun Source: https://www.shadcn.io/ai/reasoning Use bun to add the reasoning component to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/reasoning.json ``` -------------------------------- ### Install Web Preview Component with npm Source: https://www.shadcn.io/ai/web-preview Use this command to add the web-preview component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/web-preview.json ``` -------------------------------- ### Install Queue Component with bun Source: https://www.shadcn.io/ai/queue Use this command to add the queue component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/queue.json ``` -------------------------------- ### Install shadcn/ui AI Components with MCP Source: https://www.shadcn.io/ai Use the shadcn CLI with an MCP URL to install AI components into your project. Ensure you have your MCP token from the dashboard. ```bash $ claude mcp add shadcnio … ``` -------------------------------- ### Install Web Preview Component with pnpm Source: https://www.shadcn.io/ai/web-preview Use this command to add the web-preview component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/web-preview.json ``` -------------------------------- ### Install Audio Player with AI Source: https://www.shadcn.io/ai/audio-player Use this prompt to install the audio player AI component into your project if you have connected the shadcn.io MCP server to an MCP-ready AI editor. ```bash use shadcnio to install the audio-player AI component into my project ``` -------------------------------- ### Install Persona Component with yarn Source: https://www.shadcn.io/ai/persona Install the persona component using yarn. This command adds the component to your project. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/persona.json ``` -------------------------------- ### Install AI Component via Prompt Source: https://www.shadcn.io/ai/context Install the AI context component into your project by prompting your connected AI editor. This method avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the context AI component into my project ``` -------------------------------- ### Install Environment Variables Component via AI Prompt Source: https://www.shadcn.io/ai/environment-variables Prompt your AI editor to install the environment-variables AI component into your project. ```bash use shadcnio to install the environment-variables AI component into my project ``` -------------------------------- ### Install Actions Component via AI Prompt Source: https://www.shadcn.io/ai/actions Prompt your AI agent to install the Actions AI component directly into your project if your AI editor is MCP-ready. ```bash use shadcnio to install the actions AI component into my project ``` -------------------------------- ### Install AI Component via Prompt Source: https://www.shadcn.io/ai/node Use this prompt with an AI agent connected to the shadcn.io MCP server to install the AI node component into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the node AI component into my project ``` -------------------------------- ### Install Persona Component with pnpm Source: https://www.shadcn.io/ai/persona Install the persona component using pnpm. This command adds the component to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/persona.json ``` -------------------------------- ### Install Attachments Component with bun Source: https://www.shadcn.io/ai/attachments Install the AI Attachments component using bun. This command adds the component to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/attachments.json ``` -------------------------------- ### Install Panel AI Component via AI Prompt Source: https://www.shadcn.io/ai/panel Use this prompt with an AI editor connected to the shadcn.io MCP server to automatically install the panel AI component into your project. ```bash use shadcnio to install the panel AI component into my project ``` -------------------------------- ### Install shadcn/ui Tool Component with bun Source: https://www.shadcn.io/ai/tool Use this command to install the shadcn/ui tool component into your project using bun. This command fetches the component configuration and adds it to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/tool.json ``` -------------------------------- ### Install Persona Component with npm Source: https://www.shadcn.io/ai/persona Install the persona component using npm. This command adds the component to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/persona.json ``` -------------------------------- ### Install Artifact Component with npm Source: https://www.shadcn.io/ai/artifact Use npm to add the artifact component to your project. This command fetches the component's installation script. ```bash npx shadcn@latest add https://www.shadcn.io/r/artifact.json ``` -------------------------------- ### Install Schema Display AI Component Source: https://www.shadcn.io/ai/schema-display Prompt your AI agent to install the schema-display AI component. This method avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the schema-display AI component into my project ``` -------------------------------- ### Install shadcn/ui Edge Component via AI Prompt Source: https://www.shadcn.io/ai/edge If your AI editor is connected to the shadcn.io MCP server, use this prompt to install the edge AI component. ```bash use shadcnio to install the edge AI component into my project ``` -------------------------------- ### Install Checkpoint AI Component Source: https://www.shadcn.io/ai/checkpoint Use this prompt with an AI agent connected to the shadcn.io MCP server to install the checkpoint AI component into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the checkpoint AI component into my project ``` -------------------------------- ### Install File Tree Component with bun Source: https://www.shadcn.io/ai/file-tree Use this command to add the file-tree component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/file-tree.json ``` -------------------------------- ### Install Stack Trace AI Component Source: https://www.shadcn.io/ai/stack-trace Prompt your AI agent to install the stack-trace AI component if your AI editor is connected to the shadcn.io MCP server. ```bash use shadcnio to install the stack-trace AI component into my project ``` -------------------------------- ### Install shadcn/ui Plan Component with bun Source: https://www.shadcn.io/ai/plan Use this command to add the AI Plan component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/plan.json ``` -------------------------------- ### Install React AI Image with bun Source: https://www.shadcn.io/ai/image Install the React AI Image component using bun. This command adds the component to your project. ```bash bunx shadcn@latest add https://www.shadcn.io/r/image.json ``` -------------------------------- ### Install Confirmation AI Component Source: https://www.shadcn.io/ai/confirmation Prompt your AI agent to install the confirmation AI component if your AI editor is MCP-ready. This avoids manual copy-pasting or CLI usage. ```bash use shadcnio to install the confirmation AI component into my project ``` -------------------------------- ### Install Prompt Input with AI Source: https://www.shadcn.io/ai/prompt-input Prompt your AI agent to install the prompt-input AI component into your project if your editor is connected to the shadcn.io MCP server. ```bash use shadcnio to install the prompt-input AI component into my project ``` -------------------------------- ### Install shadcn/ui Plan Component with npm Source: https://www.shadcn.io/ai/plan Use this command to add the AI Plan component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/plan.json ``` -------------------------------- ### Install AI Component via Prompt Source: https://www.shadcn.io/ai/snippet Use this prompt with your AI agent to install the snippet AI component into your project if you have connected the shadcn.io MCP server to an MCP-ready AI editor. ```bash use shadcnio to install the snippet AI component into my project ``` -------------------------------- ### Install Attachments Component with yarn Source: https://www.shadcn.io/ai/attachments Install the AI Attachments component using yarn. This command adds the component to your project. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/attachments.json ``` -------------------------------- ### Install Attachments Component with npm Source: https://www.shadcn.io/ai/attachments Install the AI Attachments component using npm. This command adds the component to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/attachments.json ``` -------------------------------- ### Install Reasoning Component with npm Source: https://www.shadcn.io/ai/reasoning Use npm to add the reasoning component to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/reasoning.json ``` -------------------------------- ### Install Toolbar AI Component via AI Prompt Source: https://www.shadcn.io/ai/toolbar Prompt your AI agent to install the toolbar AI component if your editor is connected to the shadcn.io MCP server. ```bash use shadcnio to install the toolbar AI component into my project ``` -------------------------------- ### Prompt AI to Install Sandbox Component Source: https://www.shadcn.io/ai/sandbox This prompt can be used with MCP-ready AI editors to install the shadcn.io sandbox AI component into your project. ```plaintext use shadcnio to install the sandbox AI component into my project ``` -------------------------------- ### Install Task AI Component with AI Prompt Source: https://www.shadcn.io/ai/task Use this prompt with an AI agent connected to shadcn.io MCP server to install the task AI component directly into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the task AI component into my project ``` -------------------------------- ### Install Queue Component with npm Source: https://www.shadcn.io/ai/queue Use this command to add the queue component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/queue.json ``` -------------------------------- ### Install Artifact Component with pnpm Source: https://www.shadcn.io/ai/artifact Use pnpm to add the artifact component to your project. This command fetches the component's installation script. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/artifact.json ``` -------------------------------- ### Install Persona Component via AI Prompt Source: https://www.shadcn.io/ai/persona Prompt your AI agent to install the persona AI component if your editor is MCP-ready. This method avoids manual CLI commands. ```bash use shadcnio to install the persona AI component into my project ``` -------------------------------- ### Install Canvas AI Component with AI Source: https://www.shadcn.io/ai/canvas Use this prompt with an AI agent connected to the shadcn.io MCP server to install the canvas AI component into your project without manual steps. ```bash use shadcnio to install the canvas AI component into my project ``` -------------------------------- ### Install React AI Image with npm Source: https://www.shadcn.io/ai/image Install the React AI Image component using npm. This command adds the component to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/image.json ``` -------------------------------- ### Install Transcription Component via AI Editor Source: https://www.shadcn.io/ai/transcription Prompt your AI agent to install the transcription component if your editor is connected to the shadcn.io MCP server. ```bash use shadcnio to install the transcription AI component into my project ``` -------------------------------- ### Install React AI Image with pnpm Source: https://www.shadcn.io/ai/image Install the React AI Image component using pnpm. This command adds the component to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/image.json ``` -------------------------------- ### Install Toolbar Component with bun Source: https://www.shadcn.io/ai/toolbar Use this command to add the toolbar component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/toolbar.json ``` -------------------------------- ### Install AI Component via MCP Prompt Source: https://www.shadcn.io/ai/artifact Prompt your MCP-ready AI editor to install the artifact AI component. This avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the artifact AI component into my project ``` -------------------------------- ### Install Actions Component with bun Source: https://www.shadcn.io/ai/actions Use this command to add the Actions component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/actions.json ``` -------------------------------- ### Install Artifact Component with yarn Source: https://www.shadcn.io/ai/artifact Use yarn to add the artifact component to your project. This command fetches the component's installation script. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/artifact.json ``` -------------------------------- ### Install Conversation Component via AI Prompt Source: https://www.shadcn.io/ai/conversation Prompt your AI agent to install the conversation AI component if your project is connected to an MCP-ready AI editor. ```bash use shadcnio to install the conversation AI component into my project ``` -------------------------------- ### Install AI Component with AI Editor Source: https://www.shadcn.io/ai/code-block Use this prompt with an MCP-ready AI editor like Claude Code or Cursor to install the code-block AI component without manual copy-pasting or CLI commands. ```bash use shadcnio to install the code-block AI component into my project ``` -------------------------------- ### Prompt AI to Install Shimmer Component Source: https://www.shadcn.io/ai/shimmer If connected to an MCP-ready AI editor, prompt your agent to install the Shimmer AI component. This avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the shimmer AI component into my project ``` -------------------------------- ### Install Controls Component with bun Source: https://www.shadcn.io/ai/controls Use this command to add the controls component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/controls.json ``` -------------------------------- ### Install shadcn/ui Tool Component with npm Source: https://www.shadcn.io/ai/tool Use this command to install the shadcn/ui tool component into your project using npm. This command fetches the component configuration and adds it to your project. ```bash npx shadcn@latest add https://www.shadcn.io/r/tool.json ``` -------------------------------- ### Prompt AI to install Image component Source: https://www.shadcn.io/ai/image Use this prompt with an AI editor connected to shadcn.io's MCP server to automatically install the AI Image component into your project. ```bash use shadcnio to install the image AI component into my project ``` -------------------------------- ### Install Reasoning Component with pnpm Source: https://www.shadcn.io/ai/reasoning Use pnpm to add the reasoning component to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/reasoning.json ``` -------------------------------- ### Install Speech Input AI Component via AI Prompt Source: https://www.shadcn.io/ai/speech-input Use this prompt with an AI agent connected to the shadcn.io MCP server to automatically install the speech-input AI component into your project. ```bash use shadcnio to install the speech-input AI component into my project ``` -------------------------------- ### Install shadcn/ui Tool Component with pnpm Source: https://www.shadcn.io/ai/tool Use this command to install the shadcn/ui tool component into your project using pnpm. This command fetches the component configuration and adds it to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/tool.json ``` -------------------------------- ### Install Test Results Component via AI Prompt Source: https://www.shadcn.io/ai/test-results Prompt your AI agent to install the test-results AI component if your editor is connected to the shadcn.io MCP server. ```bash use shadcnio to install the test-results AI component into my project ``` -------------------------------- ### Install Controls AI Component via AI Prompt Source: https://www.shadcn.io/ai/controls If your AI editor is connected to the shadcn.io MCP server, use this prompt to install the controls AI component without manual CLI commands. ```bash use shadcnio to install the controls AI component into my project ``` -------------------------------- ### Install Loader Component via AI Prompt Source: https://www.shadcn.io/ai/loader Prompt your AI agent to install the loader AI component directly into your project if connected to the shadcn.io MCP server. ```bash use shadcnio to install the loader AI component into my project ``` -------------------------------- ### Install AI Component with shadcn.io MCP Source: https://www.shadcn.io/ai/model-selector Use the shadcn.io MCP server to prompt your AI agent to install the model-selector component. This avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the model-selector AI component into my project ``` -------------------------------- ### Install Queue Component with pnpm Source: https://www.shadcn.io/ai/queue Use this command to add the queue component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/queue.json ``` -------------------------------- ### Install Suggestion AI Component with AI Source: https://www.shadcn.io/ai/suggestion Use this prompt with an MCP-ready AI editor to install the suggestion AI component directly into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the suggestion AI component into my project ``` -------------------------------- ### Install Transcription Component with bun Source: https://www.shadcn.io/ai/transcription Use this command to add the transcription component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/transcription.json ``` -------------------------------- ### Install Connection AI Component with AI Agent Source: https://www.shadcn.io/ai/connection Use this prompt with your AI agent (connected to shadcn.io MCP server) to automatically install the AI connection component into your project. This avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the connection AI component into my project ``` -------------------------------- ### Install Loader Component with bun Source: https://www.shadcn.io/ai/loader Use this command to add the loader component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/loader.json ``` -------------------------------- ### Install shadcn/ui AI Message Component Source: https://www.shadcn.io/ai/message Use this prompt with your AI agent to install the message AI component directly into your project. Ensure your AI editor is MCP-ready and connected to shadcn.io. ```bash use shadcnio to install the message AI component into my project ``` -------------------------------- ### Install Conversation Component with bun Source: https://www.shadcn.io/ai/conversation Use this command to add the conversation component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/conversation.json ``` -------------------------------- ### Install Branch AI Component using AI Prompt Source: https://www.shadcn.io/ai/branch Installs the shadcn.io AI branch component into your project by prompting an AI agent connected to the shadcn.io MCP server. This method avoids manual copy-pasting or CLI commands. ```bash use shadcnio to install the branch AI component into my project ``` -------------------------------- ### Install Reasoning Component with yarn Source: https://www.shadcn.io/ai/reasoning Use yarn to add the reasoning component to your project. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/reasoning.json ``` -------------------------------- ### Install Environment Variables Component (bun) Source: https://www.shadcn.io/ai/environment-variables Use this command to add the environment variables component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/environment-variables.json ``` -------------------------------- ### Install shadcn/ui Plan Component with pnpm Source: https://www.shadcn.io/ai/plan Use this command to add the AI Plan component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/plan.json ``` -------------------------------- ### Install shadcn/ui Sandbox Component with bun Source: https://www.shadcn.io/ai/sandbox Use this command to add the shadcn/ui sandbox component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/sandbox.json ``` -------------------------------- ### Install Toolbar Component with npm Source: https://www.shadcn.io/ai/toolbar Use this command to add the toolbar component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/toolbar.json ``` -------------------------------- ### Install Inline Citation with bun Source: https://www.shadcn.io/ai/inline-citation Use this command to add the inline-citation component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/inline-citation.json ``` -------------------------------- ### Install shadcn/ui Agent Component with bun Source: https://www.shadcn.io/ai/agent Use this command to add the agent component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/agent.json ``` -------------------------------- ### Install Conversation Component with npm Source: https://www.shadcn.io/ai/conversation Use this command to add the conversation component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/conversation.json ``` -------------------------------- ### Prompt AI Editor to Install Agent Component Source: https://www.shadcn.io/ai/agent If your AI editor is connected to the shadcn.io MCP server, use this prompt to install the AI component without manual CLI commands. ```plaintext use shadcnio to install the agent AI component into my project ``` -------------------------------- ### Install Attachments Component with pnpm Source: https://www.shadcn.io/ai/attachments Install the AI Attachments component using pnpm. This command adds the component to your project. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/attachments.json ``` -------------------------------- ### Install Attachments AI Component via AI Prompt Source: https://www.shadcn.io/ai/attachments Prompt your AI agent to install the Attachments AI component if your editor is connected to the shadcn.io MCP server. This method avoids manual CLI commands. ```bash use shadcnio to install the attachments AI component into my project ``` -------------------------------- ### Install Conversation Component with pnpm Source: https://www.shadcn.io/ai/conversation Use this command to add the conversation component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/conversation.json ``` -------------------------------- ### Install Transcription Component with npm Source: https://www.shadcn.io/ai/transcription Use this command to add the transcription component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/transcription.json ``` -------------------------------- ### Install Controls Component with npm Source: https://www.shadcn.io/ai/controls Use this command to add the controls component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/controls.json ``` -------------------------------- ### Install Test Results Component with bun Source: https://www.shadcn.io/ai/test-results Use this command to add the test-results AI component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/test-results.json ``` -------------------------------- ### Install Toolbar Component with pnpm Source: https://www.shadcn.io/ai/toolbar Use this command to add the toolbar component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/toolbar.json ``` -------------------------------- ### Install Toolbar Component with yarn Source: https://www.shadcn.io/ai/toolbar Use this command to add the toolbar component to your project using yarn. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/toolbar.json ``` -------------------------------- ### Install Actions Component with npm Source: https://www.shadcn.io/ai/actions Use this command to add the Actions component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/actions.json ``` -------------------------------- ### Install shadcn/ui Agent Component with npm Source: https://www.shadcn.io/ai/agent Use this command to add the agent component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/agent.json ``` -------------------------------- ### Install Controls Component with pnpm Source: https://www.shadcn.io/ai/controls Use this command to add the controls component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/controls.json ``` -------------------------------- ### Install File Tree Component with npm Source: https://www.shadcn.io/ai/file-tree Use this command to add the file-tree component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/file-tree.json ``` -------------------------------- ### Install Transcription Component with pnpm Source: https://www.shadcn.io/ai/transcription Use this command to add the transcription component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/transcription.json ``` -------------------------------- ### Install shadcn/ui Edge Component with bun Source: https://www.shadcn.io/ai/edge Use this command to add the shadcn/ui edge component to your project using bun. ```bash bunx shadcn@latest add https://www.shadcn.io/r/edge.json ``` -------------------------------- ### Install Controls Component with yarn Source: https://www.shadcn.io/ai/controls Use this command to add the controls component to your project using yarn. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/controls.json ``` -------------------------------- ### Install File Tree Component with pnpm Source: https://www.shadcn.io/ai/file-tree Use this command to add the file-tree component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/file-tree.json ``` -------------------------------- ### Install shadcn/ui Sandbox Component with pnpm Source: https://www.shadcn.io/ai/sandbox Use this command to add the shadcn/ui sandbox component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/sandbox.json ``` -------------------------------- ### Install Actions Component with yarn Source: https://www.shadcn.io/ai/actions Use this command to add the Actions component to your project using yarn. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/actions.json ``` -------------------------------- ### Install Actions Component with pnpm Source: https://www.shadcn.io/ai/actions Use this command to add the Actions component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/actions.json ``` -------------------------------- ### Install React AI Image with yarn Source: https://www.shadcn.io/ai/image Install the React AI Image component using yarn. This command adds the component to your project. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/image.json ``` -------------------------------- ### Install Inline Citation with npm Source: https://www.shadcn.io/ai/inline-citation Use this command to add the inline-citation component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/inline-citation.json ``` -------------------------------- ### Install Loader Component with npm Source: https://www.shadcn.io/ai/loader Use this command to add the loader component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/loader.json ``` -------------------------------- ### Install shadcn/ui Agent Component with pnpm Source: https://www.shadcn.io/ai/agent Use this command to add the agent component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/agent.json ``` -------------------------------- ### Install shadcn/ui Sandbox Component with npm Source: https://www.shadcn.io/ai/sandbox Use this command to add the shadcn/ui sandbox component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/sandbox.json ``` -------------------------------- ### Install Loader Component with pnpm Source: https://www.shadcn.io/ai/loader Use this command to add the loader component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/loader.json ``` -------------------------------- ### Install shadcn/ui Agent Component with yarn Source: https://www.shadcn.io/ai/agent Use this command to add the agent component to your project using yarn. ```bash yarn dlx shadcn@latest add https://www.shadcn.io/r/agent.json ``` -------------------------------- ### Install Test Results Component with pnpm Source: https://www.shadcn.io/ai/test-results Use this command to add the test-results AI component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/test-results.json ``` -------------------------------- ### Install Test Results Component with npm Source: https://www.shadcn.io/ai/test-results Use this command to add the test-results AI component to your project using npm. ```bash npx shadcn@latest add https://www.shadcn.io/r/test-results.json ``` -------------------------------- ### Install shadcn/ui Edge Component with pnpm Source: https://www.shadcn.io/ai/edge Use this command to add the shadcn/ui edge component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/edge.json ``` -------------------------------- ### Install Shimmer Component with npm Source: https://www.shadcn.io/ai/shimmer Use npm to add the Shimmer component to your project. This command fetches the component from the shadcn.io registry. ```bash npx shadcn@latest add https://www.shadcn.io/r/shimmer.json ``` -------------------------------- ### Install Terminal AI Component with AI Source: https://www.shadcn.io/ai/terminal Use this prompt with an MCP-ready AI editor to install the terminal AI component into your project without manual copy-pasting or CLI commands. ```bash use shadcnio to install the terminal AI component into my project ``` -------------------------------- ### Install Chain Of Thought Component via AI Prompt Source: https://www.shadcn.io/ai/chain-of-thought If your AI editor is connected to the shadcn.io MCP server, you can prompt your AI agent to install this component directly into your project. ```bash use shadcnio to install the chain-of-thought AI component into my project ``` -------------------------------- ### Install Shimmer Component with bun Source: https://www.shadcn.io/ai/shimmer Use bun to add the Shimmer component to your project. This command fetches the component from the shadcn.io registry. ```bash bunx shadcn@latest add https://www.shadcn.io/r/shimmer.json ``` -------------------------------- ### Install Voice Selector with AI Prompt Source: https://www.shadcn.io/ai/voice-selector Prompt your AI agent to install the voice-selector AI component if your MCP server is connected to an AI editor like Claude Code, Cursor, or Windsurf. ```bash use shadcnio to install the voice-selector AI component into my project ``` -------------------------------- ### Install Inline Citation with pnpm Source: https://www.shadcn.io/ai/inline-citation Use this command to add the inline-citation component to your project using pnpm. ```bash pnpm dlx shadcn@latest add https://www.shadcn.io/r/inline-citation.json ```