Overflow Design

Name: Overflow Design
Author: overflow

overflow

Get started Website & docs

Search and fetch hand-drawn icons, illustrations and isometric drawings. The free set needs no key.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add --transport http overflow-design https://www.overflow.design/api/mcp/ --header 'Authorization: Bearer <LICENCE_KEY>'

~/.codex/config.toml

[mcp_servers.overflow-design]
url = "https://www.overflow.design/api/mcp/"
bearer_token_env_var = "OVERFLOW_DESIGN_LICENCE_KEY"

# codex mcp add overflow-design --url https://www.overflow.design/api/mcp/ --bearer-token-env-var OVERFLOW_DESIGN_LICENCE_KEY
# export OVERFLOW_DESIGN_LICENCE_KEY=<LICENCE_KEY>

~/.cursor/mcp.json

{
  "mcpServers": {
    "overflow-design": {
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "overflow-design": {
      "type": "http",
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "overflow-design": {
      "httpUrl": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "overflow-design": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://www.overflow.design/api/mcp/",
        "--header",
        "Authorization:${AUTH_HEADER}"
      ],
      "env": {
        "AUTH_HEADER": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "overflow-design": {
      "url": "https://www.overflow.design/api/mcp/",
      "headers": {
        "Authorization": "Bearer <LICENCE_KEY>"
      }
    }
  }
}

Setup

Related