threejs-mcp
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
Threejs-mcp
A Three.js code-generation MCP server.
Tools
Category | Tools |
Scene & Renderer |
|
Cameras |
|
Geometry |
|
Materials |
|
Meshes |
|
Lighting |
|
Controls |
|
Loaders |
|
Animation |
|
Interaction |
|
Helpers |
|
Post-processing |
|
Environment |
|
UI |
|
Physics |
|
XR |
|
Utilities |
|
Related MCP server: threejs-devtools-mcp
Prerequisites
Python 3.13+
Installation
Clone this repository, then update the path in run.sh to point to the cloned directory:
#!/bin/zsh
source ~/.zshrc
exec uv run --directory /path/to/threejs-mcp threejs-mcpMake the script executable:
chmod +x run.shThen follow the instructions for your MCP client below. Replace /path/to/threejs-mcp/run.sh with the actual path to the script.
Claude Code
claude mcp add threejs -s user -- /path/to/threejs-mcp/run.shThe scope (-s) can be user, project, or local.
Claude Desktop
Open Settings > Developer > Edit Config and add to claude_desktop_config.json:
{
"mcpServers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}Cursor
Open Settings > MCP > Add new global MCP server and add to ~/.cursor/mcp.json:
{
"mcpServers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}Or add to .cursor/mcp.json in your project root for project-scoped configuration.
Windsurf
Open Settings > MCP > Add Server > Add custom server and add to your MCP config:
{
"mcpServers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}VS Code / GitHub Copilot
Add to your user or workspace settings.json:
{
"mcp": {
"servers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}
}Or create .vscode/mcp.json in your project root:
{
"servers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}Zed
Add to your Zed settings (~/.config/zed/settings.json):
{
"context_servers": {
"threejs": {
"command": {
"path": "/path/to/threejs-mcp/run.sh"
}
}
}
}Cline
Open Settings > MCP Servers > Edit MCP Settings and add to the config:
{
"mcpServers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}Continue
Add to your ~/.continue/config.yaml:
mcpServers:
- name: threejs
command: /path/to/threejs-mcp/run.shRoo Code
Open Settings > MCP > Edit MCP Settings and add:
{
"mcpServers": {
"threejs": {
"command": "/path/to/threejs-mcp/run.sh"
}
}
}Any other MCP client
This is a standard stdio MCP server. Run it with:
/path/to/threejs-mcp/run.shScraping docs
The docs/ directory contains condensed markdown scraped from the Three.js documentation. To regenerate:
uv run python scrape_docs.pyThis requires the httpx and beautifulsoup4 packages (not included in the main dependencies).
This server cannot be deployed
Maintenance
Related MCP Connectors
3D avatars, embeds, glTF tools, agent memory, and on-chain agent identity from three.ws.
Generate, edit, and deploy immersive 3D/WebGL web projects from any MCP assistant.
Build 3D web apps: physics, audio, music, Blender import. Live edits, undo, versions, publishing.
214 tools for AI agents over one MCP endpoint: image, video, audio, 3D, data, storage, mail, GPUs.
Related MCP Servers
- AlicenseAqualityDmaintenanceEnables AI agents to control and manipulate live 3D scenes across frameworks like Three.js, A-Frame, and Babylon.js using a comprehensive set of object and environment tools. It features an integrated in-world chat system that allows for real-time scene modifications directly from within the 3D canvas.3378 npm3MIT
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to inspect and modify live Three.js scenes in real time through 59 tools covering objects, materials, shaders, textures, animations, performance monitoring, memory diagnostics, and code generation. Works with vanilla Three.js, React Three Fiber, and any framework without changing your project, using an injected browser bridge and in-page devtools overlay.197 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to inspect and edit live Three.js scenes in the browser — objects, materials, shaders, textures, lights, animation, performance and memory — with 69 tools covering scene trees, screenshots, website audits and video frame capture. Changes can be previewed live with zero project modifications, then converted into ready-to-paste vanilla Three.js or React Three Fiber code.197 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to inspect and live-edit Three.js scenes, materials, shaders, lights and animation in the browser through 69 tools, then turn any previewed change into ready-to-paste Three.js or React Three Fiber code. Also supports website performance audits, video frame capture, and Playwright/Puppeteer test integration.197 npmMIT