Beams
3D animated light beams with noise distortion and customizable properties.
Configuring your account...
Please wait while we prepare everything for you
Usage
import Beams from './Beams';
<div style={{ width: '100%', height: '600px', position: 'relative' }}>
<Beams
beamWidth={2}
beamHeight={15}
beamNumber={12}
lightColor="#ffffff"
speed={2}
noiseIntensity={1.75}
scale={0.2}
rotation={0}
/>
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| beamWidth | number | 2 | Width of beams |
| beamHeight | number | 15 | Height of beams |
| beamNumber | number | 12 | Number of beams |
| lightColor | string | "#ffffff" | Light color |
| speed | number | 2 | Animation speed |
| noiseIntensity | number | 1.75 | Noise intensity |
| scale | number | 0.2 | Noise scale |
| rotation | number | 0 | Rotation angle |