Three.js MCP

What is Three.js MCP?

Three.js MCP is a Model Context Protocol server for Three.js, the most popular 3D JavaScript library. It enables AI models to help create WebGL experiences including 3D games, product configurators, data visualizations, and interactive websites.

3D Scene Generation

Describe a 3D scene in natural language, and Three.js MCP helps generate the code — complete with geometries, materials, lighting, cameras, and animations. The server understands Three.js's object hierarchy and rendering pipeline.

PBR Materials

Three.js MCP can help create physically-based materials with correct texture mapping, environment maps, and shader configurations. It understands MeshStandardMaterial, MeshPhysicalMaterial, and custom ShaderMaterial setups.

Configuration

{
  "mcpServers": {
    "threejs": {
      "command": "npx",
      "args": ["three-js-mcp"]
    }
  }
}

Use Cases

Three.js MCP serves web developers building 3D experiences, creative coders exploring generative art, product teams building 3D configurators, and anyone working with WebGL who wants AI-assisted development.