Your system asks for reduced motion, so VFX-JS draws nothing. Demos on this site show plain HTML.

Type

SinewaveParams

effects/src/sinewave.ts:50 ↗
import type { SinewaveParams } from "@vfx-js/effects";

Properties

amount

amount: number

Wave amplitude, in CSS px.

blur

blur: number

Horizontal blur radius, in CSS px (0 disables the blur).

frequency

frequency: number

Vertical spatial frequency of the wave.

speed

speed: number

Time scale applied to the wave animation.