Loading repository data…
alfredang / repository
A modern, aesthetic spinning wheel web app with smooth animations, sound effects, and confetti — built with plain HTML, CSS & JavaScript
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
A modern, aesthetic spinning wheel web app — add entries, spin, and let fate decide!
Live Demo · Report Bug · Request Feature
Spinning Wheel is a sleek, zero-dependency web app that lets you create customizable spinning wheels for random selection. Whether you're picking a restaurant, choosing a game, or making any group decision — just type your entries, spin, and enjoy the animated result with sound effects and confetti.
| Category | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (Glassmorphism, Gradients, Animations) |
| Rendering | HTML5 Canvas |
| Audio | Web Audio API |
| Deployment | GitHub Pages |
┌───────────────────────────────────────┐
│ Browser (Client) │
├───────────────────────────────────────┤
│ index.html │
│ ┌─────────────┐ ┌────────────────┐ │
│ │ Controls │ │ Canvas Wheel │ │
│ │ (textarea, │ │ (drawWheel, │ │
│ │ buttons) │ │ animation) │ │
│ └──────┬───────┘ └───────┬────────┘ │
│ │ │ │
│ ▼ ▼ │
│ ┌─────────────────────────────────┐ │
│ │ script.js │ │
│ │ ┌─────────┐ ┌──────────────┐ │ │
│ │ │ Web │ │ Confetti │ │ │
│ │ │ Audio │ │ Particles │ │ │
│ │ └─────────┘ └──────────────┘ │ │
│ └─────────────────────────────────┘ │
├───────────────────────────────────────┤
│ style.css (Glassmorphism Theme) │
└───────────────────────────────────────┘
spinning-wheel/
├── index.html # Main HTML structure
├── style.css # Glassmorphism theme & responsive layout
├── script.js # Wheel rendering, animation, audio & confetti
├── screenshot.png # App screenshot for README
└── README.md # Project documentation
Clone the repository
git clone https://github.com/alfredang/spinning-wheel.git
Navigate to the project
cd spinning-wheel
Open in browser
open index.html
No build step, no dependencies — just open and spin!
This project is deployed automatically via GitHub Pages. Any push to the main branch updates the live site.
Live URL: https://alfredang.github.io/spinning-wheel/
Simply serve the project directory with any static file server:
# Using Python
python -m http.server 8000
# Using Node.js (npx)
npx serve .
Contributions are welcome! Here's how:
git checkout -b feature/amazing-feature)git commit -m 'Add amazing feature')git push origin feature/amazing-feature)For major changes, please open an issue or start a discussion first.
Tertiary Infotech Academy Pte. Ltd.
If you found this useful, please consider giving it a ⭐
MIT
Selected from shared topics, language and repository description—not editorial ratings.
ANWARDAWAR /
An immersive, modern take on the classic Snake game featuring a vibrant neon aesthetic, progressive difficulty levels, responsive mobile controls, and high-performance HTML5 Canvas rendering. Built with Vanilla JavaScript and Tailwind CSS.
54/100 healthyashvarun /
A modern, responsive portfolio website for a Healthcare Consultant. Features a generative "Silk" canvas background, Glassmorphism UI cards, scroll-reveal animations, and a clean minimalist aesthetic. Built with vanilla HTML, CSS, and JavaScript.
34/100 healthMunzareenkhasab /
NeuroDash is an interactive, browser-based cognitive decision-making game built entirely with HTML5 Canvas, CSS, and Vanilla JavaScript. Designed with a sleek, modern space aesthetic, the game challenges players to make rapid split-second decisions while tracking detailed cognitive metrics under pressure.