Skewed curtains of colour drift in from the top-right corner.

$npx kinetograph add aurora-veil
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

    Up to five curtain colours, repeated when there are fewer. The third is the brightest band.

  • mode

    dark | light = "dark"

    Dark or light ground; the curtains are brighter on dark.

  • ground

    colour = ""

    Ground colour. Leave empty to use the mode default (#0a0a0a dark, #ffffff light).

  • intensity

    subtle | medium | strong = "medium"

    How strongly the curtains show over the ground.

  • fade

    boolean = true

    Fade the curtains out from the top-right corner; off fills the whole frame.

  • speed

    number = 1

    Drift speed: 2 is twice as fast, 0.5 half as fast.

Compositions

  • AuroraVeil