Arc UI

by uiarc.dev · dev.uiarc/arc

React components and blocks with motion. Search docs, props and shadcn install commands.

Online, needs sign-inRemote
Category
Search and web data
Connection
Remote (HTTP)
Tools
Shown after sign-in
Status
Online, needs sign-in

Connect it to your AI

Claude Code

claude mcp add --transport http arc https://uiarc.dev/api/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://uiarc.dev/api/mcp

This server expects extra headers, usually an API key from its maker.

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "arc": {
      "url": "https://uiarc.dev/api/mcp"
    }
  }
}

Questions

What is the Arc UI MCP server?

React components and blocks with motion. Search docs, props and shadcn install commands. It is made by uiarc.dev and listed in the official MCP Registry as dev.uiarc/arc. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add Arc UI to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://uiarc.dev/api/mcp. In Claude Code, run: claude mcp add --transport http arc https://uiarc.dev/api/mcp

How do I add Arc UI to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://uiarc.dev/api/mcp.

How do I add Arc UI to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "arc": { "url": "https://uiarc.dev/api/mcp" } } }

Does Arc UI work right now?

It is online and asks you to sign in before it lists its tools, which is normal for servers tied to an account.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/dev-uiarc-arc.svg)](https://chen.media/mcp/dev-uiarc-arc)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/dev-uiarc-arc"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-uiarc-arc.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-uiarc-arc.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Search and web data

See all