Wndr Confetti Package #

A Flutter package that simplifies showing confetti animations from the bottom corners of the screen.

Features #

• Easy integration of confetti animations
• Customizable confetti images from assets with custom colors

Usage #

1. Import the Package #

import 'package:wndr_flutter_confetti/wndr_flutter_confetti.dart';

2. Show Confetti animation #

There are two methods you can use to show confetti. The first parameter is BuildContext, the second is the asset path of your image, and the last is an optional list of colors used randomly as a ColorFilter on confetti particles.

// Use this for image assets like png, jpg, etc.
WunderFlutterConfetti.startConfettiWithImageAsset(
    context,
    'assets/ufo.png',
    params: const ConfettiParams(
      [Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow]
    )
);

// Use this for vector graphic assets
WunderFlutterConfetti.startConfettiWithSvgAsset(
    context,
    'assets/ufo.svg',
    params: const ConfettiParams(
      colors: [Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow]
    )
);

_```dart // Use this for vector graphic and image assets WunderFlutterConfetti.startConfettiWithDifferentImages(context, [ 'assets/ufo.png', 'assets/ufo.svg', ], params: const ConfettiParams( colors: [Colors.red, Colors.blue, Colors.green, Colors.orange, Colors.yellow], ) );