Stripe Gradient

A reverse engineered, and simplified javascript library to replicate the animated Stripe gradients.

Basic usage

HTML

<canvas id="my-canvas-id"></canvas>

JavasScript

new Gradient({
    canvas: '#my-canvas-id',
    colors: ['#a960ee', '#ff333d', '#90e0ff', '#ffcb57']
});

jQuery ready

$('#my-canvas-id').gradient({
    colors: ['#a960ee', '#ff333d', '#90e0ff', '#ffcb57']
});