Three.js

Three.js is a JavaScript library for building 3D scenes in the browser. The official @modelcontextprotocol server gives your AI an interactive preview canvas where it can render and adjust small Three.js examples.

What it does: your AI can create a 3D scene from JavaScript code, preview the scene as it is being written, and ask a helper tool for Three.js API docs and examples. The README describes "Interactive 3D Rendering", "Streaming Preview" and a "Documentation Tool" as its core features.

What you can ask

• "Create a simple 3D scene with a rotating cube and a floor."
• "Show me a transparent-background product mockup with soft lighting."
• "Look up how Three.js lights work and update the scene so the shadows are easier to see."

What configuration you need

You do not need a token. The connector runs locally with npx and opens an interactive app view for the generated Three.js scene.

1. Install it from the Lab like any connector without secrets.
2. Use it for prototypes, visual explanations and small 3D experiments.
3. Review generated JavaScript before reusing it in a production app.

This connector executes scene code inside its preview environment. Treat it as a creative/dev sandbox, not as a place to run untrusted business logic.