Layered lines that form smooth wave patterns with animation.
Move the cursor across the stage to push the lines. In light mode the line color swaps to a gray until you pick your own.
| Prop | Type | Default | Description |
|---|---|---|---|
lineColor | string | 'black' | Defines the color of the wave lines drawn on the canvas. |
backgroundColor | string | 'transparent' | Sets the background color of the waves container. |
waveSpeedX | number | 0.0125 | Horizontal speed factor for the wave animation. |
waveSpeedY | number | 0.005 | Vertical speed factor for the wave animation. |
waveAmpX | number | 32 | Horizontal amplitude of each wave. |
waveAmpY | number | 16 | Vertical amplitude of each wave. |
xGap | number | 10 | Horizontal gap between individual wave lines. |
yGap | number | 32 | Vertical gap between points on each wave line. |
friction | number | 0.925 | Controls how quickly the cursor effect slows down. |
tension | number | 0.005 | Determines the springiness of the cursor effect on points. |
maxCursorMove | number | 100 | Limits how far each point can shift due to cursor movement. |
Keyboard shortcuts and ARIA behavior.