Wave Background
Layered sine wave animation with smooth organic motion.
Import
import { WaveBackground } from "@igorao79/uivix";Playground
1x
40px
3
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | string[] | ["rgba(139,92,246,0.15)", ...] | Wave layer colors |
| layers | number | 3 | Number of wave layers |
| speed | number | 1 | Animation speed multiplier |
| amplitude | number | 40 | Wave height in px |
| frequency | number | 0.008 | Wave frequency |
| className | string | fixed inset-0 ... | CSS class |