Rising Lines
Ascending lines and particles with laser beam effect
rising-lines-tw
Customize
Tweak the props liveBasic
#FF9FFC#6b288a#FF9FFC3.5
1
0.2
Rising Lines
0.1
11.5
1
0.2
4
0.6
Horizon
-0.65
0.85
7.5
Props
| Name | Type | Default | Description |
|---|---|---|---|
className | string | "" | Additional CSS classes |
color | string | "#33AAFF" | Primary effect color for particles |
horizonColor | string | "#33AAFF" | Horizon glow color at the bottom |
haloColor | string | "#33FFFF" | Halo/laser beam color |
riseSpeed | number | 0.1 | Speed of rising particles (0-0.2) |
riseScale | number | 11.5 | Scale/density of rising particles (5-20) |
riseIntensity | number | 1.0 | Intensity of rising particle effect (0-1) |
flowSpeed | number | 0.2 | Speed of flowing laser lines (0-1) |
flowDensity | number | 4.0 | Density of flow lines (1-5) |
flowIntensity | number | 0.6 | Intensity of flow line effect (0-1) |
horizonIntensity | number | 0.85 | Intensity of horizon background glow (0-1) |
haloIntensity | number | 7.5 | Intensity of halo/laser beam glow (0-10) |
horizonHeight | number | -0.65 | Vertical position of the horizon line (negative = bottom, positive moves up) |
circleScale | number | 0.2 | Scale of the circular vignette (0-1) |
scale | number | 3.5 | Overall scale/zoom of the effect (0.5-3) |
brightness | number | 1.0 | Overall brightness multiplier (0-2) |
classNamestringAdditional CSS classes
Default:
""colorstringPrimary effect color for particles
Default:
"#33AAFF"horizonColorstringHorizon glow color at the bottom
Default:
"#33AAFF"haloColorstringHalo/laser beam color
Default:
"#33FFFF"riseSpeednumberSpeed of rising particles (0-0.2)
Default:
0.1riseScalenumberScale/density of rising particles (5-20)
Default:
11.5riseIntensitynumberIntensity of rising particle effect (0-1)
Default:
1.0flowSpeednumberSpeed of flowing laser lines (0-1)
Default:
0.2flowDensitynumberDensity of flow lines (1-5)
Default:
4.0flowIntensitynumberIntensity of flow line effect (0-1)
Default:
0.6horizonIntensitynumberIntensity of horizon background glow (0-1)
Default:
0.85haloIntensitynumberIntensity of halo/laser beam glow (0-10)
Default:
7.5horizonHeightnumberVertical position of the horizon line (negative = bottom, positive moves up)
Default:
-0.65circleScalenumberScale of the circular vignette (0-1)
Default:
0.2scalenumberOverall scale/zoom of the effect (0.5-3)
Default:
3.5brightnessnumberOverall brightness multiplier (0-2)
Default:
1.0