kinetograph.

Sheets of cobalt light flow past a navy valley under film grain.

$npx kinetograph add grain-flow
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.

  • ground

    colour = "#0f121a"

    The dark valley between the sheets (navy black).

  • deep

    colour = "#1438a0"

    The body colour of the sheets (cobalt).

  • bright

    colour = "#5486d0"

    The lit part of the sheets toward their corners (sky blue).

  • glow

    colour = "#eef0ea"

    The hottest light, in the lower-left corner (ice white).

  • flow

    number = 1

    How far the sheets bend and travel over the loop. 1 is a slow liquid drift.

  • speed

    number = 1

    Loops per 10 seconds. Whole numbers loop seamlessly.

  • grain

    number = 0.5

    Film grain strength.

Compositions

  • GrainFlow