AgentIndex icon
AgentIndex
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompareGuides
Submit Tool
ToolsMCP ServersHOTCategoriesTrendingNewBest ListsCompare
Home/
Dev Tooling/
threejs-devtools-mcp
threejs-devtools-mcp logo

threejs-devtools-mcp

Active·★ 124·MIT·Updated 2026-10-14
★ Hidden Gem

threejs-devtools-mcp is an MCP server offering a comprehensive suite of 69 tools for real-time inspection and live modification of Three.js scenes. It supports both vanilla Three.js and React Three Fiber projects, allowing developers to debug, audit, and generate code without altering their project files.

#Three.js#WebGL#Debugging#DevTools#Real-time Inspection
© 2026 AgentIndex.app|Built by a 10-year iOS Developer.
Best by use caseAboutContactAdvertisePrivacy PolicyTerms of UseQYSGitHubBuy me a coffee ☕

Browse by Category

MCP ServersCode AssistantWorkflow AutomationRAG / Knowledge BaseMulti-AgentBrowser AutomationLLM InfraDev ToolingObservability

Not affiliated with Anthropic, OpenAI or Microsoft.

Guides
#Performance Monitoring
#Code Generation
#React Three Fiber
$ Install
$ npx -y threejs-devtools-mcp
↗ Visit site★ GitHub
01

Features

01Real-time scene inspection and live changes without project modification.
02Over 60 specialized tools for objects, materials, shaders, animation, performance, and more.
03Automatic code generation for live changes, compatible with vanilla Three.js and React Three Fiber.
04Integrated website audits, video frame capture, and Playwright/Puppeteer helpers.
05In-browser overlay for performance stats, interactive scene graph, and material editing.
02

Compatibility

Three.js
Framework
Verified via docs
React Three Fiber
Framework
Verified via docs
WebGLRenderer
Renderer
Verified via docs
WebGPURenderer
Renderer
Verified via docs
Node.js
Runtime
Verified via docs
Playwright
Testing Tool
Verified via docs
03

Quick start

1
$ npx -y threejs-devtools-mcp
04

Use cases

↳Debugging visual issues like invisible models or incorrect lighting in Three.js scenes.
↳Live previewing and applying stylistic changes to 3D objects and materials, then converting them into code.
↳Conducting performance and web audits for Three.js applications to identify issues like blurry canvases or heavy textures.
↳Automating visual regression tests and capturing high-quality video clips for promotional content.
↳Integrating into end-to-end testing workflows using Playwright or Puppeteer for automated scene verification.
05

Alternatives

⚡Top VS:
VSbuoy★691→VSDebugMCP★573→VSOpenImageDebugger★250→

Comments

Log in to leave a comment

No comments yet. Be the first!

On this page
01Features02Compatibility03Quick start04Use cases05Alternatives
VS
roku-dev-studio
★34
→
buoy logo
buoy★ 691
Devtools that live in your React Native app. And answer to your agent. 25+ tools · desktop dashboard · MCP server for AI agents
VSCompare→
DebugMCP logo
DebugMCP★ 573
Gift your VS Code agent a real debugger: breakpoints, stepping, inspection.
VSCompare→
OpenImageDebugger logo
OpenImageDebugger★ 250
An advanced in-memory image visualization plugin for GDB and LLDB on Linux, with experimental support for MacOS and Windows. Previously known as gdb-imagewatch. Also available as an extension for VSCode and forks
VSCompare→
roku-dev-studio logo
roku-dev-studio★ 34
Cross-platform Electron desktop studio for Roku developers: remote control, device queries, sideload, telnet console, RALE/App Connector, BrightScript Fiddle, JSON Action Scripts, an `rds` CLI, an MCP server for AI agents, and an internet relay.
VSCompare→
basecoat-ui-mcp logo
basecoat-ui-mcp★ 38
Offline MCP server for Basecoat UI (shadcn/ui look, no React): templates, macro layouts, theming/dark-mode contract, static validation.
VSCompare→
mcp-debug logo
mcp-debug★ 37
Command-line tool for debugging MCP servers
VSCompare→
dotnet-dump-mcp logo
dotnet-dump-mcp★ 14
🤖 An AI-native CLI Tool and MCP server for .NET memory dump investigations. Leverage LLMs (Claude/Gemini) to analyze heaps, threads, and exceptions using natural language. Built with ClrMD, token-efficient paging, and Docker support for cross-architecture (.NET/AMD64/ARM64) post-mortem analysis.
VSCompare→
editor logo
editor★ 25.1k
Open-source 3D architectural editor with a local CLI, MCP tools, and practical workflows for humans and AI agents.
VSCompare→
See all alternatives →
DmitriyGolub /
threejs-devtools-mcp
↗

Three.js MCP server — inspect and edit scenes, materials, shaders, lights in real time from any AI agent

124MIT
Last commit1w ago
StatusActive
CategoryDev Tooling
Links
Documentation↗Discussion↗Issues↗Releases↗
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit