Skip to content

3D scenes your agent gets right.

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

Start free Pro trial
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.

  • Audit an existing scene

    Runtime evidence for frame cost, resource lifetime, rendering, interaction, and resize behavior.

  • 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.

Built with Better Design.

Coffee World

A liquid glass photo carousel: an endless curved grid of refracting glass slabs, rendered in a single WebGL2 shader.

View live

FIFA World Cup 26 bracket

A live radial knockout bracket with animated paths, match details, and an interactive 3D trophy.

View live

Give your agent a 3D education.

Build with Three.js and React Three Fiber guidance.

Start free Pro trial