Converts GLTF/GLB 3D model files into React Three Fiber JSX components and analyzes model structures, with support for performance optimization, mesh instancing, and texture conversion.
Generates declarative React Three Fiber components from 3D models, including TypeScript definitions, instanced meshes, animation bone layouts, and optimized rendering configurations.
Generates type-safe React components with proper TypeScript definitions when converting 3D models to JSX format.
Click on "Deploy 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., "@MCP Three convert this character model to JSX with TypeScript support"
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.
A Model Context Protocol (MCP) server specialized for working with 3D models, specifically GLTF/GLB files. This server provides tools to convert 3D models into React Three Fiber JSX components and analyze model structures.
GLTF/GLB to JSX Conversion: Convert 3D models into reusable React Three Fiber components
Model Structure Analysis: Inspect and debug 3D model hierarchies and properties
Performance Optimization: Support for instancing, mesh simplification, and texture optimization
TypeScript Support: Generate type-safe React components with proper TypeScript definitions
Related MCP server: threejs-devtools-mcp
gltfjsxConverts GLTF/GLB 3D model files into declarative React (react-three-fiber) JSX components.
Features:
TypeScript definitions generation
Mesh and material instancing for performance
Texture format conversion and optimization
Mesh simplification
Shadow casting/receiving setup
Bone layout for animations
Metadata preservation
get-model-structureAnalyzes and returns the structure of a GLTF/GLB model file as JSON. Useful for debugging complex models and understanding their hierarchy before conversion.
Add this server to your MCP client configuration:
{
"mcpServers": {
"mcp-three": {
"command": "npx",
"args": ["mcp-three"]
}
}
}.gltf - GLTF JSON format
.glb - GLTF Binary format
Converting 3D Models for Web Apps: Transform GLTF/GLB files into optimized React components
Model Debugging: Inspect model structure and properties before integration
Performance Optimization: Generate instanced meshes and optimized textures
Animation Setup: Prepare models with proper bone layouts for animations
This project is built using the xmcp framework.
Get the structure of a GLTF/GLB model file. This tool loads the file and returns the parsed scene structure as JSON, using GLTFStructureLoader from gltfjsx. Use this tool for complex model debugging and not implementation. For code generation use the gltfx tool.
Inputs: modelPath (required).
Converts a GLTF/GLB 3D model file into a reusable, declarative React (react-three-fiber) JSX component. Supports options for TypeScript output, mesh/material instancing, pruning, compression, texture format, mesh simplification, and more. Useful for integrating 3D assets into React apps with optimal performance and flexibility.
Inputs: modelPath (required), options (required).
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Scored across 2 tools
The two tools have clearly distinct purposes: get-model-structure is for debugging and analysis by returning parsed JSON structure, while gltfjsx is for code generation by converting models into React components. There is no overlap in functionality, making it easy for an agent to choose the correct tool based on the task.
The tool names follow different conventions: get-model-structure uses kebab-case with a verb-noun pattern, while gltfjsx is a specific tool name without a clear verb. This minor deviation prevents a perfect score, but the names are still readable and descriptive enough for their functions.
With only 2 tools, the server feels thin for handling GLTF/GLB models, as it might lack operations like model validation, editing, or export. However, the tools cover core tasks of analysis and code generation, making it borderline appropriate but potentially incomplete for broader workflows.
The server covers two key aspects: model structure analysis and React component generation. However, there are notable gaps, such as no tools for model creation, updating, or deletion, and no support for non-React frameworks or basic file operations, which could limit agent capabilities in full model lifecycle management.
3D avatar/asset foundry: text/image -> rigged, validated, engine-ready GLB via x402.
Turn text or an image into an animation-ready 3D model (GLB): generate, rig, animate, retexture.
Geometry and CAD file metadata extraction for STL, OBJ, PLY, PCD, LAS/LAZ, glTF/GLB.
Free text/image → 3D: generate, rig, avatar-ify, and refine GLB models. No auth, no payment.