threejs-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@threejs-mcpcreate a rotating red cube with ambient light"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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: maige-3d-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 installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
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 interactive 3D web apps — scenes, physics, audio and music — from composable components.
Free text/image → 3D: generate, rig, avatar-ify, and refine GLB models. No auth, no payment.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to interact with the Tripo3D AI API to generate 3D models from text, images, or multiview inputs. It supports advanced features like model animation, stylization, and real-time task status tracking.835ISC
- 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.33523MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to read, inspect, and manipulate OpenUSD 3D scenes, including scene graph traversal, property querying, mesh export, and variant switching.10MIT
- FlicenseAqualityBmaintenanceEnables AI agents to create, render, and validate 3D scenes, 2D art, and games in HTML canvas using Three.js, WebGL, or Canvas 2D, with multi-angle screenshots, structured validation reports, and interactive playtesting.5
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/CharlieKerfoot/threejs-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server