Blog topic

Three.js articles

3D on the web with Three.js and react-three-fiber: performance, product configurators, colour management and fixes for common rendering problems.

Three.js Performance Optimization: A Practical Guide Three.js

  • 8 min read

Three.js Performance Optimization: A Practical Guide

A practical guide to Three.js performance optimization: measuring, pixel ratio, on-demand rendering, instancing, LOD, KTX2 textures and…
Three.js Model Not Showing? Fix the Black or Blank Screen Three.js

  • 8 min read

Three.js Model Not Showing? Fix the Black or Blank Screen

Three.js model not showing or a black canvas? Fix loader 404s, scale, camera clipping, missing lights, zero-height containers and Draco…
3D Product Configurator with Three.js: Build Guide Three.js

  • 9 min read

3D Product Configurator with Three.js: Build Guide

Build a 3D product configurator with Three.js: glTF pipeline, variant materials, HDRI lighting, screenshots, SEO fallbacks and cart…
Three.js Colors Washed Out? How to Fix Colour Management Three.js

  • 7 min read

Three.js Colors Washed Out? How to Fix Colour Management

Three.js colors washed out or too dark? Set colorSpace on colour maps, pick the right tone mapping, fix r155 light intensities and add an…
How to Fix a Three.js Memory Leak (Dispose It Properly) Three.js

  • 7 min read

How to Fix a Three.js Memory Leak (Dispose It Properly)

Fix a Three.js memory leak: dispose geometries, materials, textures and renderers, stop rAF loops, avoid too many WebGL contexts and…