Rising Lines
Ascending lines and particles with laser beam effect
rising-lines-tw
Customize
Basic
3.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) |