Shader Waves
shader-waves-tw
Customize
0.2x
0.5
3
0.5
1
Props
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | string | "100%" | Width of the component in pixels or CSS value |
| height | number | string | "100%" | Height of the component in pixels or CSS value |
| speed | number | 1.0 | Animation speed multiplier |
| color1 | string | "#00ff88" | Primary wave color in hex format |
| color2 | string | "#0088ff" | Secondary wave color in hex format |
| frequency | number | 1.0 | Wave frequency/scale (higher = more waves) |
| intensity | number | 1.0 | Wave intensity/amplitude |
| complexity | number | 1.0 | Complexity of wave patterns (layers of noise) |
| opacity | number | 1.0 | Opacity of the waves (0-1) |
| transparent | boolean | true | Whether the background should be transparent |
| backgroundColor | string | "#000000" | Background color when transparent is false |
| className | string | "" | Additional CSS classes |
| children | React.ReactNode | undefined | Content to render on top of the waves |