Three js Shaders

Shader resources for Three.js and WebGL — GLSL and TSL editors, shader galleries, noise and post-processing libraries, and learning references like The Book of Shaders. Use this category to find, prototype and integrate custom shaders and effects into your Three.js materials and render pipeline.

Want to write shaders yourself?

Learn TSL — the Three.js Shading Language — step by step in our interactive shader course, with live code you edit in the browser.