Learn Three.js by experimenting.

Free interactive examples help you understand how 3D graphics work. Explore scenes, materials, lighting, animation, and WebGPU in your browser. Change the controls, see the result, and inspect the code. No signup required.

Find your starting point

If you are new to Three.js, start with the basics and build an understanding of scenes, shapes, materials, and animation. If you already build for the web, use the demos to explore a technique or compare rendering behavior. Basic JavaScript knowledge helps when reading the source; you can try the interactive examples without writing code.

How to use the demos

The four-part learning guide explains the core experiments with code walkthroughs, predicted results, and troubleshooting. It remains readable without JavaScript or graphics support.

Open the foundations scene, then explore geometry, materials, and animation. Change one control at a time and compare the result with the explanation and measurements. Use the searchable demo catalog when you have a particular effect or technique in mind.

A student project, shared for everyone to explore

Three.js Lab started as a student's project: a place to learn by building and trying things. The demos are shared freely so other learners can experiment, inspect the code, and build their own understanding. For questions or feedback, visit the contact page.

Experiments with visible limits

The demos are individual learning experiments that you can explore at your own pace. Advanced experiments may require WebGPU or particular device features. Each lab's explanations and availability messages describe what you can try and how to interpret its results. Browser support and performance depend on your device.

Who maintains the site

JimakuAI in Japan handles site administration and privacy requests. The project source is maintained in the public repository linked below. Send corrections or questions to json@jimaku.ai.

Source and feedback

Browse the project repository to inspect the implementation. Report reproducible problems through GitHub issues. Include the lab URL, browser, device, and steps to reproduce. Issues are public; do not include private information.

Keeping learning free

We are preparing clearly labelled advertising and sponsorship opportunities to support free access to the demos. Sponsors will not determine experiment results.