Why Use a Spinner Wheel?
A spinner wheel adds an element of excitement and fairness to random selection. While you could just use a random number generator, there's something satisfying about watching the wheel spin and slow down to reveal the result.
Popular Use Cases
- Classrooms: Pick a student to answer a question, assign group projects, choose presentation order
- Team meetings: Decide who presents first, assign action items, break ties in votes
- Giveaways: Select winners for prizes, raffles, and contests
- Restaurants: Can't decide where to eat? Let the wheel decide!
- Games: Truth or dare, party games, drinking games
- Chores: Fairly distribute household tasks among roommates
How Spinner Wheels Work Technically
A web-based spinner wheel typically uses CSS transforms and JavaScript animations:
function spinWheel(options) {
const totalSlices = options.length;
const sliceAngle = 360 / totalSlices;
// Random result
const winnerIndex = Math.floor(Math.random() * totalSlices);
// Calculate final rotation (multiple full spins + target angle)
const fullSpins = 5 + Math.floor(Math.random() * 5); // 5-9 spins
const targetAngle = winnerIndex * sliceAngle;
const totalRotation = fullSpins * 360 + (360 - targetAngle);
// Apply CSS animation
wheel.style.transition = 'transform 4s cubic-bezier(0.17, 0.67, 0.12, 0.99)';
wheel.style.transform = 'rotate(' + totalRotation + 'deg)';
return options[winnerIndex];
}Tips for Fair Spinners
- Equal slices: Each option should have equal visual space unless you intentionally weight them
- Weighted options: Add an option multiple times to increase its probability
- Remove winners: For sequential picks, remove the selected option and spin again
- Transparency: Use cryptographic randomness for high-stakes selections
Weighted vs Equal Probability
| Type | When to Use | Example |
|---|---|---|
| Equal | Fair random selection | Picking a student to present |
| Weighted | Different probabilities needed | Prize tiers (70% small, 25% medium, 5% grand) |
Create your custom spinner wheel with the PureTools Spinner Wheel. Add your options, customize colors, and spin! Great for classrooms, team building, and making decisions when you're stuck.