Animated line wave pattern with colorful warped distortion.
Every prop is wired to the controls underneath. Move the pointer over the lines and they bend toward it.
| Prop | Type | Default | Description |
|---|---|---|---|
speed | number | 0.3 | Overall animation speed multiplier. |
innerLineCount | number | 32.0 | Number of lines in the inner (center) wave region. |
outerLineCount | number | 36.0 | Number of lines in the outer (edge) wave region. |
warpIntensity | number | 1.0 | Intensity of the wave distortion effect. |
rotation | number | -45 | Rotation of the wave pattern in degrees. |
edgeFadeWidth | number | 0.0 | Width of the edge fade between inner and outer regions. |
colorCycleSpeed | number | 1.0 | Speed of color cycling animation. |
brightness | number | 0.2 | Overall brightness multiplier. |
color1 | string | "#ffffff" | First color channel in HEX format. |
color2 | string | "#ffffff" | Second color channel in HEX format. |
color3 | string | "#ffffff" | Third color channel in HEX format. |
enableMouseInteraction | boolean | true | Enable cursor-reactive wave distortion. |
mouseInfluence | number | 2.0 | Strength of mouse influence on the wave pattern. |
lightMode | boolean | false | Renders the lines as ink on a white background. |
Keyboard shortcuts and ARIA behavior.