Olas raymarched hacia un horizonte brumoso.
npx shadcn@latest add https://reactbits.dev/r/GradientWaves-TS-TW
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
| Prop | Tipo | Por defecto |
|---|---|---|
| horizonColor | string | '#5227FF' |
| waveColor | string | '#FF9FFC' |
| crestColor | string | '#FFFFFF' |
| speed | number | 0.4 |
| amplitude | number | 2.5 |
| waveScale | number | 0.6 |
| waveRatio | number | 0.9 |
| swell | number | 35 |
| turbulence | number | 20 |
| tilt | number | 1.11 |
| zoom | number | 1.0 |
| height | number | 5.5 |
| fogDepth | number | 15 |
| detail | string | 'medium' |
| brightness | number | 1.0 |
| opacity | number | 1.0 |
| mouseInteraction | boolean | true |
| parallaxStrength | number | 0.5 |
| grain | boolean | true |
| grainIntensity | number | 0.05 |
| className | string | '' |