Aurora Gradient

Animated mesh gradient on canvas

An animated mesh gradient that renders on a canvas, so it moves instead of sitting there as a flat image. Three coloured light sources drift and blend in real time. Everything is adjustable from the properties panel: the three colours, drift speed, blur, film grain and corner radius. Drop it behind a hero, a pricing table or a whole page. It fills whatever frame you put it in and cleans up its animation frame when unmounted.

Animated mesh gradient on canvas