Best Learning Resources Tools
for Three.js

An Arabic-language educational channel focused on Three.js, creative coding, and modern web animation techniques like GSAP and WebGL.

A collection of Three.js experiments & tutorials

Project-based tutorials heavily focusing on Blender and Three.js

A 3D image gallery built with Next.js, Three.js, and React Three Fiber.

Grok WebGL2 and GLSL through spaced repetition and hands-on projects. A zero-to-hero guide that builds a minimal 3D engine from scratch.

Learn the basics of GSAP so that you can animate with three.js easily

Kickstart your creative coding and shader art journey with tools, techniques and shader breakdowns.

Practical tutorials on 3D web development using Three.js, React Three Fiber, and modern libraries.

A series of videos teaching GLSL shaders using Three.js

An introduction to game development with Three.js

A short introduction to Three.js

A series of tutorials taking a beginner through several examples of using TSL

Three.js Roadmap is a collection of courses that teach you the fundamentals of 3D web development and Three.js.

The Game Math Explained Simply course is a practical, visual introduction to the math every Three.js and game developer needs.

Three.js GameDev Course – a structured, in-depth program to master Three.js & game development.

YouTube channel focused on WebGL, WebGPU, shaders, and real-time 3D with Three.js.

Create a Cute Award-Winning Room Portfolio with Three.js and Blender | Beginner Course

Creative coding and code art tutorials. Mostly with THREE.js, JavaScript, and shaders.

Three.js Workshops offers comprehensive online training sessions for mastering Three.js

Recreate the webgl image effects on taotajima.jp website using threejs and custom glsl shaders

Learn to create a 3D configurator using Three.js, React Three Fiber, Valtio and Framer Motion.

Yuri Artiukh, known online as Akella, is a creative coder and educator

Wael Yasmina is a content creator specializing in beginner-friendly tutorials on web technologies

Threeveloper is a YouTube channel managed by a front-end developer from the Netherlands

Harness the WebXR API and Three.JS to bring immersive experiences, VR and AR, to the browser

Learn Threejs, TypeScript and NodeJS to create interactive 3D content on the web.

Three.js courses and tutorials

OpenGL Tutorial – Foundational Guide to Modern OpenGL Programming

Mastering Three.js Instancing teaches instancing techniques for creating advanced three.js.

"The First Arabic Spoken Course for Three.js" Discover the power of Three.js and begin your journey

Three.js tutorials with a focus on game development

Learn to code a MInecraft clone with Three.js in this 10 part video series!

Carefully curated list of awesome resources to create, learn and, drop generative art

GLSL Shaders from Scratch teaches you to create custom shaders, enhancing three.js resources.

Three.js Journey is a comprehensive course to master three.js and 3D web development.

React Three Fiber Ultimate Guide – Master 3D Web Development with Three.js Resources