# Arc UI

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.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 968
- Author: kuratlielia
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/kuratlielia/arc-library
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/mcp/arc-ui

## What it 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.

## Requirements
- Remote server: `https://uiarc.dev/api/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http arc https://uiarc.dev/api/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add arc-ui --url https://uiarc.dev/api/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "arc-ui": {
            "url": "https://uiarc.dev/api/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "arc-ui": {
            "type": "http",
            "url": "https://uiarc.dev/api/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http arc-ui https://uiarc.dev/api/mcp
```

## When to use it
- 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
- 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

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4402
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md