Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http arc-ui https://uiarc.dev/api/mcp --header 'Authorization: <AUTHORIZATION>'~/.codex/config.toml
[mcp_servers.arc-ui]
url = "https://uiarc.dev/api/mcp"
http_headers = { Authorization = "<AUTHORIZATION>" }
# codex mcp add arc-ui --url https://uiarc.dev/api/mcp~/.cursor/mcp.json
{
"mcpServers": {
"arc-ui": {
"url": "https://uiarc.dev/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"arc-ui": {
"type": "http",
"url": "https://uiarc.dev/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"arc-ui": {
"httpUrl": "https://uiarc.dev/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"arc-ui": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://uiarc.dev/api/mcp",
"--header",
"Authorization:<AUTHORIZATION>"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"arc-ui": {
"url": "https://uiarc.dev/api/mcp",
"headers": {
"Authorization": "<AUTHORIZATION>"
}
}
}
}