Arc UI — Claude Code MCP server: what it does, how to install
Connects your AI agent to the Arc UI library docs for motion-ready React components. Helps locate component props and copy shadcn CLI setup commands.
claude mcp add --transport http arc https://uiarc.dev/api/mcpWhat Arc UI does
The server gives coding assistants direct access to the Arc UI catalog. The open source collection provides 119 React components and 22 prebuilt blocks built for React 19. Through the MCP endpoint, the agent looks up interface properties, prop definitions, and shadcn CLI installation commands without manual browsing.
Every item in the library uses CSS modules alongside Motion for animations. Each component includes keyboard navigation and a dedicated reduced motion fallback. The styles integrate into Next.js and Vite setups, with Tailwind CSS or without it.
The MCP service runs remotely over HTTP at https://uiarc.dev/api/mcp. No local runtime is required. Keep in mind that showcase elements labeled Pro belong to a separate commercial tier and cannot be installed from this open repository.
What it helps with
- Find shadcn CLI install commands for animated React components
- Inspect prop schemas for Arc UI inputs, charts, and toggles
- Integrate motion-ready UI blocks into Next.js or Vite projects
- Verify reduced motion support for specific interface elements
Example prompts for the agent
- Show me the shadcn install command for the Arc UI donut chart
- What props does the billing-toggle component accept in Arc UI?
- Find an animated number field component for React 19
How to install Arc UI
Platform CLI: remote server
claude mcp add --transport http arc https://uiarc.dev/api/mcpPlatform CLI: remote server
codex mcp add arc-ui --url https://uiarc.dev/api/mcpConfig file
{
"mcpServers": {
"arc-ui": {
"url": "https://uiarc.dev/api/mcp"
}
}
}Config file
{
"servers": {
"arc-ui": {
"type": "http",
"url": "https://uiarc.dev/api/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http arc-ui https://uiarc.dev/api/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Arc UI
How do I install Arc UI in Claude Code?
To configure the server, run claude mcp add --transport http arc-ui https://uiarc.dev/api/mcp.
What does the Arc UI MCP server do?
It enables coding assistants to query documentation, prop signatures, and shadcn CLI install commands across 119 free components and 22 blocks.
Does Arc UI require Tailwind CSS?
No, the components rely on CSS modules and design tokens, functioning in Vite and Next.js projects with or without Tailwind.
