Animated mesh gradient

Stripe/Linear-style four-point mesh blend, perpetually drifting.

Four colour control points — amber, lime, blue and violet — orbit the frame on independent sine and cosine tracks. Each pixel is their inverse-distance-weighted average, which is what gives a mesh gradient its characteristic soft, boundary-free blending. Because the four periods are mutually irrational the arrangement never repeats. This is the look Stripe and Linear popularised, computed per-pixel on the GPU rather than faked with stacked CSS radials.

shader-animated-mesh-gradient · intensity awwwards

Base-catalogue pattern — no generated axes.