Three.js Resource List

by Miro Leon Bucher

This is a list of resources I've used to learn and teach Three.js. Helpful suggestions came from our Discord Server, which you are invited to join and contribute to this list that way. You can find more helpful Three.js tutorials and more on my YouTube Channel if you are interested.

• [Video] Basic Three.js Setup
  • [Codepen] Link to the Code
• [Video] Surface Imperfections in Three.js for More Realistic Materials
  • [Codepen] Link to the Code
• [Video] Gradient HDRs in Three.js for Stylised Scenes
  • [Codepen] Link to the Code
  • [Github] Link to the Code
  • [Gumroad] Link to the Gradient HDRs
• [Video] Multi-layer Parallax Three.js + Typography Website
  • [Codepen] Link to the Code
• [Video] Three.js Animation Based on User Scroll
  • [Codepen] Link to the Code
• [Video] Kinetic Typography in Three.js
• [Codepen] Amazing 3D Room made in Three.js
• [Codepen] Three.js Audio Visualiser
• [Codepen] Three.js ASCII Render Effect
• [Text/Codepen] Three.js Glass Material (with refraction)
• [Medium] Better Fog in Three.js
• [Medium/Codepen] Creating Stars/Space with Three.js
• Make suggestions for the list on Discord!
• ...more to come...

The other resource lists include Web Design, 3D Rendering, and AI Resources.

---

Follow me on:

• Instagram
• YouTube
• X
• Codepen