3D scenes your agent gets right.

Your agent guesses at 3D, and it shows. We hand it the rules.

ProAsk us for access.

Connect:
Our own logo. Tap it to see what happens 👀

What the guides cover.

  • Core

    Scenes, cameras, materials, textures, lights and shadows, models, particles, physics.

  • Workflow

    Debug panels, performance budgets, code structure, Blender baking, loading states, deployment.

  • Shaders

    GLSL fundamentals, effect recipes from holograms to procedural terrain, custom lighting, GPGPU particles.

  • React Three Fiber

    The declarative mental model, drei helpers, staging, physics with Rapier, full game architecture.

  • Official reference

    The three.js manual, WebGPU and TSL, the R3F API surface, the drei catalog, postprocessing.

  • Distilled and searchable by task, symptom, or API name.

Ask, read, build.

  1. 1

    Ask for the task

    Your agent calls get-three-js-guide with the job in plain words, like a dissolve shader or a physics-driven player.

  2. 2

    The right guide answers

    Search runs over every guide's aliases and content, so the response is the technique, its gotchas, and working code.

  3. 3

    Code with the guardrails

    The agent builds against the guide's invariants instead of guessing, from color space rules to draw call budgets.

Give your agent a 3D education.

The three.js guides are a Pro feature. Install Better Design in the coding agent you already use, then ask us for access.

Install Better Design