SERVER

Threejs Devtools

Rank #8,479

io.github.DmitriyGolub/threejs-devtools

MCP server providing threejs-devtools capabilities

2 versions

106 GitHub stars

by dmitriygolub (1 servers)View repository ↗Claim this server

First listed

Mar 15, 2026

Last publish date

Mar 16, 2026

OVERVIEW

Threejs Devtools is a Model Context Protocol (MCP) server published by dmitriygolub. It ranks #8,479 of 132,046 servers tracked on MCP Toplist, and its repository has 106 GitHub stars. Threejs Devtools is listed across 3 registries — Official MCP, PulseMCP and Glama, with 2 tracked versions. It was first listed on Mar 15, 2026 and most recently updated on Mar 16, 2026.

STANDING

#8,479of 132,046 tracked serversTop 10%

Ranks ahead of 123,567 of 132,046 servers on MCP Toplist.

Recent momentum

+48GitHub stars since Apr 27 (+83%)

CONNECT

Use Threejs Devtools

No setupRuns out of the box

No credentials or required configuration declared — add it to your MCP client and go.

npm package

claude mcp add threejs-devtools -e "DEV_PORT=<your DEV_PORT>" -e "BRIDGE_PORT=<your BRIDGE_PORT>" -e "BROWSER=<your BROWSER>" -e "HEADLESS=<your HEADLESS>" -e "CHROME_PATH=<your CHROME_PATH>" -- npx -y threejs-devtools-mcp

Replace each placeholder with your own value before saving.

npm package

[mcp_servers.threejs-devtools]
command = "npx"
args = ["-y", "threejs-devtools-mcp"]

[mcp_servers.threejs-devtools.env]
DEV_PORT = "<your DEV_PORT>"
BRIDGE_PORT = "<your BRIDGE_PORT>"
BROWSER = "<your BROWSER>"
HEADLESS = "<your HEADLESS>"
CHROME_PATH = "<your CHROME_PATH>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<your DEV_PORT>",
        "BRIDGE_PORT": "<your BRIDGE_PORT>",
        "BROWSER": "<your BROWSER>",
        "HEADLESS": "<your HEADLESS>",
        "CHROME_PATH": "<your CHROME_PATH>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<your DEV_PORT>",
        "BRIDGE_PORT": "<your BRIDGE_PORT>",
        "BROWSER": "<your BROWSER>",
        "HEADLESS": "<your HEADLESS>",
        "CHROME_PATH": "<your CHROME_PATH>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

npm package

{
  "servers": {
    "threejs-devtools": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<your DEV_PORT>",
        "BRIDGE_PORT": "<your BRIDGE_PORT>",
        "BROWSER": "<your BROWSER>",
        "HEADLESS": "<your HEADLESS>",
        "CHROME_PATH": "<your CHROME_PATH>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<your DEV_PORT>",
        "BRIDGE_PORT": "<your BRIDGE_PORT>",
        "BROWSER": "<your BROWSER>",
        "HEADLESS": "<your HEADLESS>",
        "CHROME_PATH": "<your CHROME_PATH>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

npm package

{
  "mcpServers": {
    "threejs-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "<your DEV_PORT>",
        "BRIDGE_PORT": "<your BRIDGE_PORT>",
        "BROWSER": "<your BROWSER>",
        "HEADLESS": "<your HEADLESS>",
        "CHROME_PATH": "<your CHROME_PATH>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/io.github.DmitriyGolub%2Fthreejs-devtools.svg)](https://mcptoplist.com/server/io.github.DmitriyGolub%2Fthreejs-devtools)

HTML

<a href="https://mcptoplist.com/server/io.github.DmitriyGolub%2Fthreejs-devtools"><img src="https://mcptoplist.com/badge/io.github.DmitriyGolub%2Fthreejs-devtools.svg" alt="MCP Toplist: Top 10% of 132,046" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

REGISTRIES

Listed on 3 registries

Official MCP

PulseMCP

Glama

ORGANIZATION

dmitriygolub

Organization

dmitriygolub

Servers in org

Versions across org

VERSIONS

Available versions (2)

Version	Published
0.2.1	Mar 16, 2026
0.1.0	Nov 25, 2024

FAQ

Frequently asked questions

Who maintains Threejs Devtools?: Threejs Devtools is maintained by dmitriygolub, which publishes 1 MCP server (2 total versions) tracked on MCP Toplist.
Is Threejs Devtools listed on the Official MCP Registry?: Yes — Threejs Devtools is listed on the Official MCP Registry, alongside PulseMCP and Glama.
How many versions does Threejs Devtools have?: MCP Toplist tracks 2 versions of Threejs Devtools, most recently published on Mar 16, 2026.
Where can I find the source code for Threejs Devtools?: The source code for Threejs Devtools is hosted at github.com/dmitriygolub/threejs-devtools-mcp.

Used in projects

Do you run this server?

Add to a project

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers