Three.js Devtools MCP

Example Use Cases

• 1

  Inspect and debug Three.js scenes in real time.

• 2

  Monitor performance and diagnose memory issues in Three.js applications.

• 3

  Modify scene properties, animations, and generate React components from 3D models.

Description

This MCP server enables developers to inspect, debug, and modify Three.js scenes live without changing their project code. It supports vanilla Three.js, React Three Fiber, and other frameworks, providing tools for objects, materials, shaders, textures, animations, performance monitoring, memory diagnostics, console capture, and code generation. The server auto-detects the dev server port, injects a WebSocket bridge into the browser, and allows AI agents to interact with the scene through a rich set of tools. It enhances productivity by enabling live scene manipulation, performance checks, and exporting capabilities.