reward_popup

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables developers to easily add visually appealing animated pop-ups featuring gift and confetti effects. Ideal for games, reward systems, or achievement notifications, it enhances user engagement with dynamic, eye-catching animations. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent performance across devices. With minimal setup via a simple command, it integrates seamlessly into existing projects. The animation is customizable and designed to deliver a delightful user experience when rewards are earned.

Use cases

Gamification features
Achievement unlock notifications
In-app reward displays
User engagement boosters
Interactive app feedback

Key features

Animated gift display
Confetti explosion effect
Cross-platform compatibility
Simple integration with Flutter
Customizable appearance and timing
Smooth, lightweight animations

Suitable for

Game developers
App designers seeking visual flair
Educational apps with reward systems
Apps focused on user motivation

Considerations

May impact performance on low-end devices
Limited customization beyond basic animations
Requires careful timing to avoid overwhelming users
Best suited for occasional use rather than frequent triggers

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Reward Pop-Up

A flutter package to easily implement an attractive animated pop-up animation with gift and confetti animation. This package includes a custom non-opaque route, lottie animation and an animated mesh background.

Demo

Getting Started

Simply import the package

import 'package:reward_pop_up/reward_pop_up.dart';

Add a reference to the showRewardPackage method

More examples in the example directory of the repository & example tab.

ElevatedButton(
              onPressed: () async {
                final answer = await showRewardPopup<String>(
                  context,
                  backgroundColor: Colors.black,
                  child: Positioned.fill(
                    child: InkWell(
                      onTap: () {
                        Navigator.of(context).pop(true);
                      },
                      child: Image.asset(
                        'assets/elephant.jpg',
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                );
                //Use answer
              },
              child: const Text('Pop-up example one'),
            ),

*New: Customize the precursor animation by passing your own animation widget!

Contributors

srujanmhase

bahadirarslan

Search packages, repositories and app categories

Install package