Aurora
Customize Aurora
Amplitude1.0
Blend0.5
Speed0.5
Props
| Property | Type | Default | Description |
|---|---|---|---|
| colorStops | array | ["#3A29FF", "#FF94B4", "#FF3232"] | Array of color stops for the aurora gradient effect |
| amplitude | number | 1 | Amplitude of the aurora wave animation |
| blend | number | 0.5 | Blend factor for color mixing (0-1) |
| speed | number | 0.5 | Speed of the aurora animation |
| className | string | custom-aurora | Additional CSS class names for styling |
| width | string | 100% | Width of the aurora component |
| height | string | 100% | Height of the aurora component |
| opacity | number | 0.8 | Opacity of the aurora effect (0-1) |
| enableAnimation | boolean | | Enable or disable aurora animation |
| animationType | string | wave | Type of animation - 'wave', 'pulse', or 'flow' |
| gradientType | string | linear | Gradient type - 'linear' or 'radial' |
| direction | string | horizontal | Direction of the aurora effect - 'horizontal' or 'vertical' |
Dependencies
ogl
Created with ❤️ by Cybershoora