Gradient Spin

Gradient Spin is a small React loading spinner, installed from npm, that draws a grid of cells lighting up in sequence through a colour gradient. A playground on the site sets the pattern, arrow, diagonal, snake or ripple, along with the gradient axis, eight preset palettes, the period, dimming and the number of rows and columns. It is a quick way to give a loading state some colour and character without designing an animation from scratch.