Falling Rays

Rays falling from top like rain of light

falling-rays-tw

Customize

Color 1

Color 2

Ray Count

15

Ray Width

0.004

Pulse Speed

0.10

Pulse Width

0.010

Trail Length

0.30

Motion Blur

0.50

BG Glow

0.1

Props

11

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.

color1string

Primary ray color (hex).

Default"#1a00ff"

color2string

Secondary/Edge ray color (hex).

Default"#ff0080"

rayCountnumber

Number of falling rays.

Default37

rayWidthnumber

Base width of the rays.

Default0.005

pulseSpeednumber

Speed of the falling light pulses.

Default0.4

pulseWidthnumber

Length of the light pulses.

Default0.03

trailLengthnumber

Length of the trailing fade effect.

Default0.5

motionBlurnumber

Intensity of the motion blur smearing.

Default0.3

bgGlownumber

Intensity of the background ambient glow.

Default1.2

classNamestring

Additional CSS classes for the container.

Default""

styleReact.CSSProperties

Inline styles for the container.

Default{}