Shadertoy

The GLSL fragment shader archive

Visit site

Shaders & WebGLFreeGLSLWebGL

Live site

Open

shadertoy.com

Preview Shadertoy inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Tens of thousands of live, editable fragment shaders. The single best place to learn what is possible in a shader and to lift a technique with attribution.

Related in Shaders

View all

Three.js

threejs.org

The WebGL renderer everyone builds on

ShadersOpen sourceJavaScriptWebGL

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs

Drei

drei.docs.pmnd.rs

The R3F standard library