← all demos35 shaders · WGSL · WebGPU
/

Basics

Patterns

Noise

Generative

Lighting & 3D

Post FX

An explorable shader gallery

From one gradient to whole worlds, one pixel at a time.

35 fragment shaders in six tiers, from UV coordinates to perturbation-theory deep zooms, raymarched glass, and volumetric clouds. Every one is live: open it to tweak its uniforms, poke it with the pointer, read how it works, and view its WGSL.

Basics5Patterns5Noise5Generative6Lighting & 3D8Post FX6

Basics

Coordinates, distance, and repetition: the building blocks of every shader.

Patterns

Tile the plane, then give every tile a mind of its own.

Noise

Controlled randomness: the raw material of clouds, terrain, and fire.

Generative

Simple rules, iterated: fields, fractals, and organic growth.

Lighting & 3D

Raymarch signed distance fields into whole lit worlds, one pixel at a time.

Post FX

Effects that read a finished image and remake it. Drag the divider to compare.

Tip: press / to search, ← → to step through shaders, V for source.