Back to library

Preview of Threejs TSL Tutorials

GitHub

Shaders, WebGL & Creative Coding · TSL / WebGPU

Threejs TSL Tutorials

Tutorial code repository working through Three.js Shading Language and WebGPURenderer with progressively more complex shader examples.

Why it’s a gem
A structured TSL learning path while the ecosystem has almost no teaching material.

Visit github.com

Author: Christian Helgeson (@cmhhelgeson)
Type: GitHub repository
License: MIT
Added: Aug 17, 2026
Domain: github.com

tsl webgpu three.js tutorial

More from TSL / WebGPU

Preview of advanced-threejs-tsl-webgpu-rendering

advanced-threejs-tsl-webgpu-rendering

Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.

Preview of tsl-textures

tsl-textures

Collection of procedural textures such as wood, marble, cave, planet and camouflage, authored in Three.js Shading Language.

Preview of Pigment Atlas

Pigment Atlas

Atlas of 100 phenomena from micro to cosmos rendered as flowing data pigment in three.js WebGPU and TSL, an open homage to Refik Anadol's visual style.