kinetograph.

Pools of cyan, mint and steel blue swell and sink into black.

$npx kinetograph add tide-gradient
Source

It loops with no join.

Props

Every prop has a default, so the component renders as it is. Change any of them in Studio or in code.

  • colors

    list

    The six pool colours: by default cyan, mint, sea green, blue, steel and deep teal.

  • ground

    colour = "#000000"

    What shows where no pool reaches (black).

  • scale

    number = 1

    Size of the pools: higher is larger.

  • depth

    number = 1

    How much black opens between the pools.

  • speed

    number = 1

    Loops per 10 seconds. Whole numbers loop seamlessly.

Compositions

  • TideGradient