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: Tripo AI MCP Server
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 Servers
- Flicense-qualityDmaintenanceEnables AI agents to control Blender 3D software through natural language commands, supporting object creation, manipulation, materials, rendering, and scene management with 22 tools organized across 6 categories.
- Alicense-qualityCmaintenanceEnables 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.595ISC
- 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.33183MIT
- Alicense-qualityDmaintenanceEnables AI assistants to read, inspect, and manipulate OpenUSD 3D scenes, including scene graph traversal, property querying, mesh export, and variant switching.5MIT
Related MCP Connectors
Generate, edit, and deploy immersive 3D/WebGL web projects from any MCP assistant.
500+ deterministic tools for AI agents: math, conversion, validation, hashing, encoding, date/time.
Generate images, GIFs, and PDFs from HTML, URLs, or templates — from your AI agent.
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