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

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

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs

Paper Shaders

shaders.paper.design

Zero-dependency animated shader backgrounds

ShadersOpen sourceReactWebGL