Easily create a customized random name picker spinner wheel for classrooms, games, or raffles. Fast, free, and configurable web tool for random selection.
AI Generation Prompt
Technical Specification for the Random Name Picker Spinner Wheel
Overview
The Random Name Picker Spinner Wheel is a browser-based utility designed for fair, visual random selection. It focuses on performance, accessibility, and high customizability for educators, event hosts, and casual users.
User Interface and Design
- Layout: The center stage features a large, interactive Canvas-based wheel. The sidebar handles input management, while the footer contains controls for history and settings.
- Color Palette: High-contrast, accessible colors (WCAG compliant). The wheel segments cycle through a vibrant, distinct color palette for readability.
- Animations:
- Smooth deceleration physics for the spinning wheel.
- Particle-based confetti overlay upon selecting a winner.
- Responsive layout that adjusts wheel size based on viewport width.
Key Features
- Input Management:
- Textarea input for comma-separated or newline-separated lists.
- File import (CSV/TXT) for batch uploading large lists.
- 'Save as preset' functionality using browser LocalStorage.
- Spinning Customizations:
- Spin Duration: Adjustable speed settings (Slow, Normal, Fast, Instant).
- Removal Logic: Toggle switch for 'Eliminate winner after spin' to manage round-robin style games.
- Sound Effects: Optional toggle for ticking audio during spin and celebratory chime on success.
- Visual Customization:
- Custom slice colors (User-defined or auto-generated rainbow theme).
- Wheel label font size toggles (Auto-scale based on slice width).
- Choice of center icon (None, Standard Pointer, Custom Image).
- Result Handling:
- Results Log: A collapsible sidebar panel showing the chronological history of picked items.
- Shareability: Unique URL generation including current list state (via Base64 encoding in hash params).
- Export: Ability to save the result history as a PDF or text file.
Technical Stack
- Frontend: Vanilla JavaScript (ES6+), HTML5 Canvas for high-performance rendering, CSS3 for animations.
- Accessibility: ARIA-labeled buttons, full keyboard navigation for spinning, and screen reader-friendly output announcements.
- Performance: Zero external dependencies to ensure ultra-fast loading times, even on low-bandwidth networks.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
How do I create a custom random name wheel?
Simply input your list of names into the text box, and the wheel will automatically generate segments for each entry.
Can I remove names after they are picked?
Yes, toggle the 'Remove winner after spin' option to ensure names aren't repeated in subsequent turns.
Is this tool suitable for classroom use?
Absolutely. It is designed for teachers to randomly select students for participation or group activities without bias.
