Flutter Widget for displaying waves with custom color, duration, floating and blur effects

wave

widget for displaying waves with custom color, duration, floating and blur effects.

getting started

wavewidget(
    config: customconfig(
        gradients: [
            [colors.red, color(0xeef44336)],
            [colors.red[800], color(0x77e57373)],
            [colors.orange, color(0x66ff9800)],
            [colors.yellow, color(0x55ffeb3b)]
        ],
        durations: [35000, 19440, 10800, 6000],
        heightpercentages: [0.20, 0.23, 0.25, 0.30],
        blur: maskfilter.blur(blurstyle.solid, 10),
        gradientbegin: alignment.bottomleft,
        gradientend: alignment.topright,
    ),
    colors: [
        colors.white70,
        colors.white54,
        colors.white30,
        colors.white24,
    ],
    durations: [
        32000,
        21000,
        18000,
        5000,
    ],
    waveamplitude: 0,
    heightpercentages: [0.25, 0.26, 0.28, 0.31],
    backgroundimage: decorationimage(
        image: networkimage(
            'https://images.unsplash.com/photo-1600107363560-a2a891080c31?ixlib=rb-1.2.1&ixid=eyjhchbfawqiojeymdd9&auto=format&fit=crop&w=672&q=80',
        ),
        fit: boxfit.cover,
        colorfilter:
            colorfilter.mode(colors.white, blendmode.softlight),
    ),
    size: size(
        double.infinity,
        double.infinity,
    ),
),

preview

normal

solid blur

inner blur

outer blur

normal blur

gif