A hand-picked guide to Three.js.
Core docs, shader references, asset pipelines, physics libraries, framework wrappers, production showcases, and people pushing real-time graphics on the web.
mrdoobthree.jsThe cross-browser JavaScript 3D library that makes WebGL and WebGPU approachable.
pmndrsreact-three-fiberA React renderer for Three.js with scene graphs managed through components, hooks, and state.
pmndrsdreiUseful helpers and ready-made abstractions for react-three-fiber scenes.
donmccurdyglTF-TransformA command-line and JavaScript toolkit for inspecting, optimizing, and transforming glTF assets.
dimforgerapierFast 2D and 3D physics powered by Rust and WebAssembly.
TresjstresDeclarative Three.js custom renderer using Vue components.
threltethrelteA type-safe, reactive 3D framework for Svelte and Three.js.
gkjohnsonthree-mesh-bvhBounding Volume Hierarchy acceleration for raycasting, collision, and spatial queries.
pmndrspostprocessingAdvanced post-processing effects for WebGL pipelines.
patriciogonzalezvivolygiaA granular shader library for GLSL, HLSL, WGSL, MSL, and other graphics languages.
gkjohnsonthree-gpu-pathtracerGPU path tracing for physically based rendering in Three.js.
pmndrscannon-esA maintained, lightweight 3D physics engine for the web.
shader-parkshader-park-coreA JavaScript library for procedural 2D and 3D shaders, raymarching, and creative coding.
TresjscientosA collection of helpers and abstractions for TresJS.
nartcangular-threeDeclarative Three.js tooling for Angular applications.
WebGPU changes the ceiling.
Three.js is moving beyond WebGL's older state-machine model with WebGPURenderer and TSL, opening the door to compute shaders, bigger scenes, and more modern GPU pipelines.
The best scenes are pipelines.
Blender or Spline for authoring, glTF Transform for optimization, drei for common scene primitives, Rapier for physics, and BVH tools when geometry gets heavy.
