Start small.
Meet the pieces of a scene, then explore shapes, surfaces, and movement.
Start with scene 01, or follow the four-part learning guide for explanations and code exercises.
Your browser is a playground
Learn Three.js.
Make it move.
350+ free Three.js demos to play with, take apart, and learn from. Change a setting. See what happens. Make the idea your own.
- No signup
- Runs in your browser
- Source on GitHub
001 / Shape & surface
Live experimentOne shape. A hundred possibilities.
Open the materials demo ↗
Built with Three.js. Just like everything here.Scroll to explore
01
Open a demoPick something you want to understand.
02
Change one thingConnect a setting to what you see.
03
Look under the hoodRead the JavaScript on GitHub.
Less watching. More doing.
Follow your curiosity.
New to 3D or exploring a specific technique?
Choose a path and jump into a real example.
Add a little wow.
Explore the materials, light, and interactions behind a more convincing 3D experience.
Find a material example →Go off-script.
Get hands-on with shaders, particles, and the next generation of browser graphics.
Some advanced demos need WebGPU or specific device features.
350+ demos. Follow your curiosity.
Have something in mind?
Search by effect, feature, or Three.js concept.
Built for the moment it clicks.
A student project, shared for anyone curious about 3D on the web. Explore the experiments, inspect the source, and keep learning by making.