Skip to content
appsgit

Three.js DevTools MCP

Three.js DevTools MCP is an MCP server that adds web browsing tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent. It has 128 GitHub stars, is released under the MIT license and runs locally with npx -y threejs-devtools-mcp.

github.com/DmitriyGolub/threejs-devtools-mcp (opens in a new tab)

Data as of from the GitHub API and the official MCP registry; description from the project's repository. Report an error

View on GitHub (opens in a new tab)Website (opens in a new tab)

Install Three.js DevTools MCP

Generated from the server's MCP registry entry. Replace your-value with your own values.

Claude Desktop

claude_desktop_config.json
{
  "mcpServers": {
    "three-js-devtools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "your-value",
        "BRIDGE_PORT": "your-value",
        "BROWSER": "your-value",
        "HEADLESS": "your-value",
        "CHROME_PATH": "your-value"
      }
    }
  }
}

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

Claude Code

claude mcp add --env DEV_PORT=your-value --env BRIDGE_PORT=your-value --env BROWSER=your-value --env HEADLESS=your-value --env CHROME_PATH=your-value --transport stdio three-js-devtools-mcp -- npx -y threejs-devtools-mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "three-js-devtools-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "your-value",
        "BRIDGE_PORT": "your-value",
        "BROWSER": "your-value",
        "HEADLESS": "your-value",
        "CHROME_PATH": "your-value"
      }
    }
  }
}

Project file; use ~/.cursor/mcp.json to enable it in every project.

VS Code

.vscode/mcp.json
{
  "servers": {
    "three-js-devtools-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "threejs-devtools-mcp"
      ],
      "env": {
        "DEV_PORT": "your-value",
        "BRIDGE_PORT": "your-value",
        "BROWSER": "your-value",
        "HEADLESS": "your-value",
        "CHROME_PATH": "your-value"
      }
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

Environment variables

Variables the server reads at startup.

NameRequiredDescription
DEV_PORTNoDev server port to proxy (auto-detected from package.json if not set)
BRIDGE_PORTNoBridge proxy port (default: 9222)
BROWSERNoSet to 'none' to disable auto-opening browser
HEADLESSNoSet to 'true' for headless browser mode (CI)
CHROME_PATHNoCustom Chrome/Edge executable path

About Three.js DevTools MCP

MCP server for inspecting Three.js scenes in real time, trying changes live in the browser, and turning them into code. 69 tools cover objects, materials, shaders, textures, animation, performance and memory, plus website audits, video frame capture and Playwright helpers.

  • ai
  • claude-code
  • cursor
  • devtools
  • mcp
  • mcp-server
  • react-three-fiber
  • three-js
  • threejs

Similar MCP servers

More web & browsing MCP servers

All Web & browsing

FAQ

Three.js DevTools MCP FAQ

Still curious? Email info@appsgit.com.

How do I install the Three.js DevTools MCP MCP server?

Add the command npx -y threejs-devtools-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Three.js DevTools MCP free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is Three.js DevTools MCP actively maintained?

The most recent commit was on Oct 14, 2026. The latest release is v0.5.0, published Oct 14, 2026. appsgit only lists MCP servers with a commit in the last six months.