Background animated #

Add cool effects, with plenty of customization!

Installation #

1. Depend on it #

Add this to your package's pubspec.yaml file:

dependencies:
    background_animated: ^0.1.0

2. Install it #

You can install packages from the command line:

$ pub get background_animated

Alternatively, your editor might support pub. Check the docs for your editor to learn more.

3. Import it #

Now in your Flutter code, you can use:

import 'package:background_animated/background_animated.dart';

Usage #

If you want to give YourWidget a 3D rain background, simply wrap it with the ParallaxRain widget, with YourWidget as the child parameter. You can also have the rain effect in the foreground, use multiple drop colors, adjust the speed, add trails to your drops and lots more!

For example:

ParallaxRain(
    dropColors: [
        ...Colors.primaries,
        ...Colors.accents,
    ],
    child: Text(
        "Text Here",
    ),
),

If you want to give YourWidget a 3D starfield background, just wrap it with the Starfield widget, with YourWidget as the child parameter. You can also have the Starfield effect in the foreground, use multiple colors, adjust the speed, add trails to your shapes and more!

For example:

Starfield(
    colors: [
        ...Colors.primaries,
        ...Colors.accents,
    ],
    child: Text(
        "Text Here",
    ),
),

About me #

Visit my LinkedIn at https://www.linkedin.com/in/amr-elbasuony or Add me on discord via zerstoria