Waves
Customize Waves
Wave Speed X0.020
Wave Speed Y0.010
Wave Amplitude X40
Wave Amplitude Y20
Friction0.90
Tension0.010
Max Cursor Move120
X Gap12
Y Gap36
Props
| Property | Type | Default | Description |
|---|---|---|---|
| lineColor | string | '#fff' | Color of the wave lines. |
| backgroundColor | string | 'rgba(255, 255, 255, 0.2)' | Background color of the waves. |
| waveSpeedX | number | 0.02 | Speed of waves in X direction. |
| waveSpeedY | number | 0.01 | Speed of waves in Y direction. |
| waveAmpX | number | 40 | Amplitude of waves in X direction. |
| waveAmpY | number | 20 | Amplitude of waves in Y direction. |
| friction | number | 0.9 | Friction coefficient for wave movement. |
| tension | number | 0.01 | Tension of the wave lines. |
| maxCursorMove | number | 120 | Maximum cursor movement distance. |
| xGap | number | 12 | Gap between wave lines in X direction. |
| yGap | number | 36 | Gap between wave lines in Y direction. |
| className | string | "" | Additional CSS classes for the component. |
| style | React.CSSProperties | {} | Inline styles for the component. |
Dependencies
ogl
Created with ❤️ by Cybershoora