🎯 Decision Spinner Wheel
Enter options and spin an animated wheel to pick one at random.
Your Result:
How to Use This Decision Spinner Wheel
The Decision Spinner Wheel helps you choose between options when you’re undecided. Paste a list of choices — one per line — and press Generate to spin an animated wheel. The pointer at the top indicates the final selection when the wheel stops. The result is displayed clearly, and you can copy or download it for reference.
Designed to run entirely in your browser with no external libraries or network requests, the spinner provides a light, playful way to break ties, randomize tasks, or add a bit of fun to meetings and streams. The interface focuses on a single input method to keep things fast and frictionless.
- Client-only: No data leaves your browser.
- Minimal setup: One input field for all options.
- Clear result: The chosen option is highlighted at the end.
- Shareable: Copy or download the final pick as text.
- Readable and accessible: High-contrast pointer and segment coloring.
- Reasonable limits: Handles dozens of options smoothly on typical devices.
- Deterministic outcome from a fair random spin.
- Practical: Great for lunch picks, chores, or brainstorming.
- Friendly UX with simple validation and helpful messages.
- Works offline once loaded.
How It Works
The spinner uses basic trigonometry and the Canvas API to draw an evenly divided wheel and animate a spin with easing. When you submit, it validates your list, randomly selects a target segment, and spins toward it with a decelerating motion.
- Parse options: Your input is split by lines, trimmed, and filtered to remove empties. A minimum of two options is required for a valid spin.
- Build segments: The tool divides 360° by the number of options to create equal slices and assigns alternating colors for contrast.
- Pick a target: A random index is selected uniformly across all options. The animation computes a total rotation that lands on this index.
- Spin animation: Using requestAnimationFrame, the wheel rotates through several full turns and eases out smoothly, simulating a natural spin.
- Determine result: When motion stops, the option under the fixed top pointer is the winner. The selection is shown beneath the wheel and stored for copy/download.
- Error handling: If the input is invalid (e.g., fewer than two options), a clear message explains what to fix.
- Client-only processing: All math and rendering happen locally with native browser APIs — no external libraries and no network calls.
- Performance considerations: The canvas redraws efficiently each frame; for very large lists, readability of very thin slices may decline, but the selection remains fair.
- Accessibility notes: The final choice is presented as text for screen readers in addition to the visual indicator.
- Repeatable use: Edit the list and click Generate again to respin with a fresh random choice.
When You Might Need This
- • Pick a lunch spot among team suggestions
- • Assign chores fairly among roommates
- • Choose the next feature to demo
- • Randomize a workout or exercise focus
- • Select a book or movie for club night
- • Decide a meeting icebreaker question
- • Rotate who presents in standup
- • Pick a giveaway winner from names
- • Choose the next coding challenge topic
- • Break ties during sprint planning
Frequently Asked Questions
How many options can I include?
The spinner can handle dozens of options smoothly on typical devices. Very large lists will still work, but individual slices may become too thin to read comfortably. For best legibility, keep lists under 50 items.
Is the choice truly random?
Yes. A uniformly random index is selected from your list, and the wheel animates to land on that exact segment. The easing and extra rotations are visual only and do not bias the outcome.
Does this tool send my data anywhere?
No. Everything runs in your browser using native APIs. No external libraries or network requests are used, and your options never leave your device.
Can I copy or download the result?
Yes. After the spin completes, the chosen option is shown beneath the wheel and stored as the latest result so you can use the built-in copy and download buttons to save it as text.
What if I only have one option?
The spinner requires at least two options to be meaningful. If fewer than two valid lines are detected, the tool will show an error explaining how to fix your input.