Documentation

GuidesComponents

Aurora

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

Props

colorAstring
Default:#a533f8
Edge color at the curtain base
colorBstring
Default:#22ee88
Core color in the bright center
colorCstring
Default:#1694e8
Tip color at the ray ends
colorSpace"linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch"
Default:linear
Color space for color interpolation
balancenumber
Default:50
Shifts color distribution across the curtain height
intensitynumber
Default:80
Overall aurora brightness
curtainCountnumber
Default:4
Number of aurora curtain layers
speednumber
Default:5
Animation speed
wavinessnumber
Default:50
How much the curtains undulate
rayDensitynumber
Default:20
Density of vertical ray structures
heightnumber
Default:120
How tall the aurora extends
center{x: number, y: number}
Default:{"x":0.5,"y":0}
Center position of the aurora
seednumber
Default:0
Random seed for variation

Usage

<Shader>
  <Aurora
    intensity={80}
  />
</Shader>
Previous
Ascii
Next
Beam