Three.js

Three.js is the most popular 3D JavaScript library for creating interactive 3D graphics in the browser using WebGL and WebGPU. It provides a comprehensive API for scenes, cameras, lights, materials, and animations.

2 Lessons

Knowledge Course

Fundamentals of Threejs

Core concepts and key principles of Threejs

45 min→

Practical Threejs Guide

Real-world usage, best practices, and common patterns

60 min→

Curated Resources

Free Books

Three.js Documentation

Complete API reference for classes, methods, materials, and loaders.

Three.js Manual

Step-by-step beginner-friendly guide from core developers covering scenes, lighting, and animation.

Official Documentation

Three.js Examples

Hundreds of interactive demos for physics, shaders, and post-processing.

Discover Three.js (Free Book)

Completely free detailed tutorial series by core contributor covering fundamentals to advanced topics.

Interactive Courses

Three.js Fundamentals

Interactive beginner tutorials on scene setup, geometry, and materials.

Video Courses

Three.js Crash Course (YouTube)

Video walkthroughs of 3D graphics, animations, and scene creation.

Practice & Challenges

Three.js Playground

Online editor for experimenting with Three.js scenes and shaders.

Reference & Cheatsheets

Three.js Cheatsheet

Quick reference for constants, renderers, and material types.

News & Updates

Three.js GitHub Releases

Release notes for new versions, WebGPU support, and API changes.

Community

Three.js Discourse

Official forum for troubleshooting, showcases, and discussions.

Reddit r/threejs

Active community for sharing projects and gathering feedback.