XeroWP
Animated Raffle Winner
Animated Raffle Winner

Animated Raffle Winner

0/5 (0 ratings) — active installs Updated Nov 10, 2026
animationblocklotteryrafflerandom
Download v1.1
Block in the editor showing the range settings

Block in the editor showing the range settings

The Animated Raffle Winner block allows you to create engaging raffle experiences on your WordPress site. With smooth animations and exciting visual effects, this block is perfect for promotions, events, contests, and any situation that requires random number, seat, or participant selection.

Key Features:

  • Three raffle modes in a tabbed sidebar: Numbers (custom numeric range), Theater (row/section letter + number, e.g. A1 to C10), and CSV (upload or paste a participant list)
  • CSV column selector (pick one or multiple columns to display, with optional header row skipping and hyphen/space separator toggle)
  • Option to exclude previous winners (no repeats) with a live history of drawn winners and a reset button
  • Custom title heading and option to hide the default range/participant subtitle
  • Cryptographically unbiased random selection (window.crypto.getRandomValues)
  • Decelerating “slot machine” rolling animation (1 to 15 seconds) before revealing the winner
  • 10 Celebration animation options (Fireworks, Confetti, Party Cannons, Gold Coins, Stars, Sparkles, 3D Balloons, Floating Hearts, Spiral Streamers, or None) with configurable celebration duration (1 to 30 seconds)
  • Fullscreen mode with keyboard (Escape) and on-screen close (×) button with tooltip
  • Theme font inheritance and per-block Typography Font Family selector
  • Simple, accessible, and fully responsive interface

How to Use:

  1. Add the “Animated Raffle Winner” block to your content
  2. Configure the starting number in the settings panel
  3. Configure the ending number in the settings panel
  4. Publish or preview the page
  5. Click the “Draw” button to start the raffle!

The block is perfect for:
– Raffles at events and promotions
– Random selection of participants
– Games and interactive activities
– Educational demonstrations about randomness
– Any application that needs random selection with visual impact

Source Code & Build Instructions

The development source code and build tools for this plugin are publicly maintained on GitHub:
https://github.com/RafaelFunchal/animated-raffle-winner

The source code is also included directly within the src/ directory in this distribution package.

To build the plugin from source:
1. Ensure you have Node.js and npm installed.
2. Install the dependencies: npm install
3. Build the assets: npm run build