Lucky Wheel 12 - HTML5 Game

Lucky Wheel 12 - HTML5 Game

Cart 328 sales
Recently Updated

Lucky Wheel 12 is a small HTML5 game where you spin the wheel to win the reward.

The zip package contains the admin config page allow you to customize your wheel with many options as: graphic, background, total slices and your brand logo.

1) Full backend / frontend solution: (Not in this package)

Demo site: (gafami / 123456) (New Generation with leaderboard and manage player login)
Demo site: (gafami / 123456) (Stable legacy system with none login required for player)

2) How to config:

After purchasing the package => Extract the zip package and please open “index.html” file in the folder “Documentation” to see the installation guide.

Beside it, you also access and watch video “Quick Star” guide from here:

3) How to play:

Just tap the icon “Skynet” or your brand own logo => The wheel will rotate and stop at random reward.

4) Features:

+ Wheel customizes: total slices, background, brand logo, reward value, graphic shadow.

+ Responsive design well on mobile, tablet and desktop.

+ High resolution support (1366×768).

+ Very fast render in almost modern browsers, WebView.

+ Can run and play directly inside almost app chat as: Samsung line, Skype, Whatapp, Facebook messenger, Facebook webview, Zalo.

+ Minimum JavaScript library: No jQuery, just native script and only one SVG library.

+ Make with SVG.js

+ Support spin from both ways: client side or server side.

5) FAQs:

5.1) How to spin from server side?

In the wheel.html

// Spin from server side const rewardIndex = 8; spin(function(data) {

}, rewardIndex);

// Spin from client side spin(function(data) {


For full example script including call API please go to this link =>

5.2) How to hide burger menu and redeem menu?

In the wheel.html => Just add class “hide” to that html component


<!-- BURGER MENU -->
<div class="burger-menu hide">
    <span class="active" />
    <span class="active" />
    <span class="active" />
    <div class="counter">...</div>
5.3) How to apply my background image?

In the admin page choose “Your background” in Wallpaper config.

In the export folder copy your background image to folder img/ => And then rename it to custom-bg.png

5.4) How to enable email sending in Gmail?

Please visit this link:

=> And follow step 1 -> step 4

5.5) How to change default spin sound to your own sound?

=> Just copy your sound with the same file name and replace it at this path “media/spinSound.mp3”

5.6) How to change reward image?

=> After you export the wheel please go to folder “img/” you will see a list of reward image names as “reward 0.png. rewards1.png etc..”, just replace it with your expected image.

6) Support Channel:

Please contact me via email or Skype for any questions related to this product. I support for developing small features with free cost.

Email: Skype: hung.nguyenvan84


To update the plugin just re-download the purchased package.

**v2.0.3 - 2022.11.11 (Released) **
-- Add new wallpaper world cup 2022.
-- Add new wheel UX world cup 2022.
-- Minor improve for countdown UI.

**v2.0.2 - 2020.09.08 (Released) **
-- Add 5 slices option.

**v2.0.1 - 2020.03.23 **
-- Small bug fixes for 12 slices reward image rotation.

**v2.0.0 - 2020.03.22 **
-- Add feature upload reward image for each slice.

**v1.1.13 - 2020.09.28 **
-- Add new Wheel UX and Wallpaper "Zodiac".

**v1.1.12 - 2020.07.02 **
-- Add new Wheel UX "Gift" 
-- Minor bug fixes related to upload spin icon.

**v1.1.11 - 2020.05.29 **
-- Add new feature "Change Wheel UX" 
-- Minor bug fixes.

**v1.1.10 - 2020.04.16 **
-- Add config spin sound.

**v1.1.9 - 2020.03.09 **
-- Add UI / UX to allow edit image link for "Banner" module to support non-coding way.

**v1.1.8 - 2020.03.05 **
-- Add new UX / UI "Banner mode".
-- Add more screenshots.

**v1.1.7  - 2020.02.06 **
-- Add new wallpaper "Flame".
-- Add more screenshots.

**v1.1.6  - 2020.01.03 **
Link CDN image for wall paper: 

-- Add new wallpaper "Songkran".
-- Add more screenshots.

**v1.1.5  - 2019.12.27 **
-- Add new feature "Config redirect link for each slice data".
-- Optimized stylesheet: Move admin's stylesheet to the new file. Since the client wheel doesn't need them.
-- Add more screenshots.

**v1.1.3  - 2019.12.16 **
-- Small changes for the admin page. (Send email and "show reward popup" features just works when you export the wheel)
-- Bug fixes when spin from server side with reward index return 0.
-- Updated FAQs.

**v1.1.0  - 2019.12.06 **
-- Add new wallpaper "Happy new year", "Merry Christmas".
-- Optimized resource render.
-- Allow modify wheel color (Ask me to modified).
-- Add more screenshots.

**v1.1.0  - 2019.11.12 **
-- Add new option for wallpaper config => upload your own background.
-- Add more preview screenshots.
-- Bug fixes email SMTP feature send incorrect price.

**v1.0.9  - 2019.11.02 **
-- Support spin from both ways: client side or server side. Please follow FAQ section to see how to use it.

**v1.0.8  - 2019.10.30  **
-- Add new component "Wallpaper Config" 
-- Add more preview screenshots.

**v1.0.7  - 2019.09.21 **
-- Add new component “Get Customer Email”.
-- Send email address of the customer who win the reward to configure email.
-- Add more review screenshots.

**v1.0.6  - 2019.09.16 **
-- Add new component "Countdown Timer".
-- Add more preview screenshots.

**v1.0.5  - 2019.07.18 **
-- Add support Free Text on slices.
-- Add login form option.
-- Add more preview screenshots.

**v1.0.4  - 2019.07.18 **
-- Support the wheel with 36 slices option.

**v1.0.3  - 2019.07.08 **
-- Update new module "Reward Popup" to help buyer can implement theirs affiliate.
-- Update preview screenshot for Reward Popup" module.
-- Improve speed load when embedded this product into iOS WebView, Android WebView and React Native WebView.

**v1.0.2 - 2019.06.14 **
-- Add new module “Reward Bag” to allow player redeem  reward later.

**v1.0.1 - 2019.05.10 **
-- Improve rotation animation smoother.
-- Improve Admin page and bug fixes.

**v1.0.0 - 2019.04.30 **
-- First release.


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey