Start here

Four shaders that fit on one screen and still teach the whole idea: a fragment shader is a tiny program that runs once per pixel, gets the pixel's position and the time, and returns a colour. Everything else in this library is those two inputs, used harder.

New to shaders? Read Rive Shaders Explained →

Gradient

Pick a colour from the pixel's position. The smallest shader that does anything.

Stripes

A sine of x plus y, thresholded. Diagonal bands that slide.

Circle

Distance from the centre, compared to a radius. The first signed distance field.

Checker

floor() the coordinates, add them, take the remainder. A board that scrolls.

Free Rive file

Noise, as a Rive file, on us

The Noise shader with the GPU Canvas node wired and the WGSL inside. Drop it into any Rive file and see how a shader lives there.

The other 27, in the course

Every shader here, as a ready-to-drop Rive file

Play with all of them here. The library file, every shader on its own artboard, comes with the Scripting Course, next to the lessons and the Space Game it belongs to.