Welcome to the home of Winwheel.js

Winwheel.js is a feature packed JavaScript library that allows you to easily create spinning Prize Wheels on HTML5 canvas using highly configurable JavaScript classes.

Wheels can be animated using GreenSock's Animation Platform (TweenMax.js) which contains easing functions and many other powerful animation features.

Winwheel.js Features Include:

  • Easy to use, highly configurable JavaScript classes.
  • Draw wheels using code generated segments or graphically rich images.
  • Numerous text orientation, direction, size and colour options.
  • Random or Pre-calculated prize stopping location.
  • Ability to get the segment the user clicked upon.
  • Fully commented source code. Plenty of tutorials and other documentation.
  • Winwheel.js is free to use with an open source licence (MIT).

Your browser does not support HTML5 canvas, use another.

Download Winwheel.js

Latest version: 2.6 (2017-02-26)

Download Winwheel.js

Older Versions
Github Octocat

See Winwheel.js on Github

Tutorials, Documentation, & Examples


  1. Getting Started
  2. Constructor Parameters
  3. Segment Colour and Text
  4. Altering Segment Properties
  5. Adding and Removing Segments
  6. Text Alignment and Orientation
  7. Colours, Lines, Fonts
  8. Wheel Radius and Center Point

Class References


Plus many more. See all tutorials... See more examples...

Winwheel.js survey

I'm keen for your thoughts on Winwheel.js, about what things you like and what can be improved. Your feedback will play a part in deciding what happens with Winwheel.js and this site in the future.

Please consider taking a moment to complete the Winwheel.js survey today.