Pulses of light falling down fanning rays
| Name | Type | Default | Description |
|---|---|---|---|
color1 | string | "#1a00ff" | Primary ray color (hex). |
color2 | string | "#ff0080" | Secondary/Edge ray color (hex). |
rayCount | number | 37 | Number of falling rays. |
rayWidth | number | 0.005 | Base width of the rays. |
pulseSpeed | number | 0.4 | Speed of the falling light pulses. |
pulseWidth | number | 0.03 | Length of the light pulses. |
trailLength | number | 0.5 | Length of the trailing fade effect. |
motionBlur | number | 0.3 | Intensity of the motion blur smearing. |
bgGlow | number | 1.2 | Intensity of the background ambient glow. |
className | string | "" | Additional CSS classes for the container. |
style | React.CSSProperties | {} | Inline styles for the container. |
color1stringPrimary ray color (hex).
"#1a00ff"color2stringSecondary/Edge ray color (hex).
"#ff0080"rayCountnumberNumber of falling rays.
37rayWidthnumberBase width of the rays.
0.005pulseSpeednumberSpeed of the falling light pulses.
0.4pulseWidthnumberLength of the light pulses.
0.03trailLengthnumberLength of the trailing fade effect.
0.5motionBlurnumberIntensity of the motion blur smearing.
0.3bgGlownumberIntensity of the background ambient glow.
1.2classNamestringAdditional CSS classes for the container.
""styleReact.CSSPropertiesInline styles for the container.
{}