Falling Rays
Rays falling from top like rain of light
falling-rays-tw
Customize
15
0.004
0.1
0.01
0.3
0.5
0.1
Props
| 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. |