Premium
Moire Grating Drift
Two fine ring gratings overlap and beat into wide interference fringes. Tokens slide and turn one screen over the other, so the fringes sweep wide at rest and fold into tight rosettes at speed.
Also known as: moire pattern shader, interference fringes, op art rings, moire animation.
Premium
Unlock the standalone HTML and GLSL
Everything you see above is live. Basic and Pro include every premium piece, with the standalone HTML and GLSL ready to copy, plus Motions in Claude Code on Pro.
Customizing this shader
- Speed:
uTpsis the token rate anduTokensthe running count. The standalone runner adds a natural wobble to a fixed rate, the way real streams speed up and slow down. - Color: set
data-coloron the canvas, or changeuColorin the Shadertoy version. Currently previewing#7cc4ff. - Size: style the canvas with CSS. It renders at up to twice your screen's pixel density and stops drawing while it is off screen.
- Reduced motion: the runner draws a single still frame for people who asked their OS for less motion.