Welcome to the home of Winwheel Library!

Winwheel Library is a feature packed JavaScript library that allows you to easily create HTML5 canvas Winning / Prize Wheels and Pie graphs using a highly configurable JavaScript class.


Wheels can be animated using GreenSock's Animation Platform (TweenMax.js) which contain 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.3 (2016-03-05)

Download Winwheel.js

Older Versions
or
Github Octocat

See Winwheel.js on Github


Tutorials & Documentation


Tutorials

  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

Plus many more. See all tutorials...

Class References



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.