Beams
Customize Beams
Beam Width2
Beam Height15
Beam Number12
Speed2.0
Noise Intensity1.75
Scale0.20
Rotation0°
Props
| Property | Type | Default | Description |
|---|---|---|---|
| beamWidth | number | 2 | Width of each beam (0.5-10) |
| beamHeight | number | 15 | Height of each beam (5-50) |
| beamNumber | number | 12 | Number of beams to display (1-50) |
| lightColor | string | #ffffff | Color of the beam light in hex format |
| speed | number | 2 | Animation speed of the beams (0.1-10) |
| noiseIntensity | number | 1.75 | Intensity of the noise effect (0-5) |
| scale | number | 0.2 | Scale factor for the beams (0.01-2) |
| rotation | number | 0 | Rotation angle of the beams in degrees (0-360) |
| className | string | custom-beams | Additional CSS class names for styling |
| width | string | 100% | Width of the beams container |
| height | string | 600px | Height of the beams container |
| enableAnimation | boolean | | Enable or disable beam animation |
| animationType | string | continuous | Type of animation - 'continuous', 'pulse', or 'wave' |
| opacity | number | 0.8 | Opacity of the beams (0-1) |
| blurAmount | number | 0 | Blur effect amount for the beams (0-10) |
Dependencies
ogl
Created with ❤️ by Cybershoora