Aurora

Mesmerizing aurora borealis with layered curtains, vertical rays, and flowing light.

Props

  • colorA

    Edge color at the curtain base

    Type
    string
    Default
    #a533f8

  • colorB

    Core color in the bright center

    Type
    string
    Default
    #22ee88

  • colorC

    Tip color at the ray ends

    Type
    string
    Default
    #1694e8

  • colorSpace

    Color space for color interpolation

    Type
    "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
    Default
    linear

  • balance

    Shifts color distribution across the curtain height

    Type
    number
    Default
    50

  • intensity

    Overall aurora brightness

    Type
    number
    Default
    80

  • curtainCount

    Number of aurora curtain layers

    Type
    number
    Default
    4

  • speed

    Animation speed

    Type
    number
    Default
    5

  • waviness

    How much the curtains undulate

    Type
    number
    Default
    50

  • rayDensity

    Density of vertical ray structures

    Type
    number
    Default
    20

  • height

    How tall the aurora extends

    Type
    number
    Default
    120

  • center

    Center position of the aurora

    Type
    {x: number, y: number}
    Default
    {"x":0.5,"y":0}

  • seed

    Random seed for variation

    Type
    number
    Default
    0

Usage

<Shader>
  <Aurora
    intensity={80}
  />
</Shader>