🎰 Fancy Slot Machine for Flutter #

A premium, highly customizable, and buttery-smooth package for creating Live Draw and Slot Machine experiences in Flutter.

This package provides a complete "Live Draw" UI system, including:

• 🎰 Premium Slot Machine: A realistic 3D drum with smooth physics and elastic stops.
• 🎉 Full-Screen Celebration: A stunning winner announcement with confetti and trophy animations.
• 📊 Draw Statistics: A clean dashboard for displaying participants, drawn, and remaining counts.
• 🏆 Recent Winners List: A horizontal scrollable list of previously selected winners.
• 📝 Draw Summary: A beautiful card to display when the draw is fully completed.

📸 Visual Showcase #

🎬 Live Demo #

Experience the complete draw flow with smooth animations and premium UI

---

📱 Screenshots #

🎰 Draw Interface Premium slot machine with stats dashboard

🎉 Winner Celebration Full-screen celebration with confetti

Features • Installation • Usage • API

Features #

• Generic Type Support: Works with any data model.
• Integrated Spin Logic: Built-in "Spin" button and animation state management.
• Full UI System: Comes with celebration dialogs, stats bars, and winner lists.
• Smooth Physics: Uses ListWheelScrollView for a realistic 3D drum rotation effect.
• Remote Triggering: Control the winner and animation from external state.
• Responsive & Lightweight: Optimized for mobile performance.

Installation #

Add fancy_slot_machine to your pubspec.yaml:

dependencies:
  fancy_slot_machine: ^0.0.5
  iconsax: ^0.0.8
  confetti: ^0.8.0

Usage #

1. Basic Slot Machine #

import 'package:fancy_slot_machine/fancy_slot_machine.dart';

FancySlotMachine<String>(
  items: ['Alice', 'Bob', 'Charlie'],
  labelBuilder: (item) => item,
  onSpinStart: () => print('Spinning!'),
  onWinnerSelected: (winner) => print('Winner: $winner'),
)

2. Full Live Draw Experience #

// 1. Show Stats Header
FancyDrawStats(
  participantsCount: 100,
  drawnCount: 5,
  remainingCount: 95,
);

// 2. Main Slot Machine
FancySlotMachine<String>(
  items: participants,
  labelBuilder: (item) => item,
  onWinnerSelected: (winner) {
    // 3. Trigger Celebration on Win
    FancyCelebration.show(
      context,
      winnerName: winner,
      score: 1000,
      onNext: () => Navigator.pop(context),
    );
  },
);

// 4. Show Recent Winners
FancyRecentWinners(
  winners: myWinnersList, // List of FancyWinnerItem
);

API Reference #

FancySlotMachine #

FancyCelebration #

Developer #

Developed by Hamdy Haggag.

• GitHub: @hamdyhaggag
• Portfolio: hamdyhaggag.netlify.app