GitHunt
MI

michaelsboost/DecisionWheel

Decision Wheel is a playful yes/no decision-making app with a mystical fortune-teller vibe. Spin the enchanted wheel adorned with witchy icons like cauldrons, crow skulls, and flying brooms, and let fate decide! Built with GSAP for animations, Howler.js for sound, and canvas-confetti for magical flair.

Decision Wheel

Spin the wheel and let fate decide!

Decision Wheel Screenshot

MIT License GitHub Stars GitHub Issues


๐Ÿ”ฎ About Decision Wheel

Decision Wheel is a playful, witchy-themed yes/no decision-making app. Spin the enchanted wheel decorated with mystical icons โ€” from witch hats and cauldrons to crow skulls and flying brooms โ€” and watch as fate reveals your answer.

With magical sound effects, smooth animations, and a confetti celebration at the end, Decision Wheel brings fun and charm to even the simplest choices.

Forked from Dilum Sanjaya's - Wheel Of Fortune
Developed using kodeWeave.


๐ŸŒŸ Features

โœ… Spin-to-Decide โ€“ Get instant yes/no answers with style.
โœ… Witchy Vibe โ€“ Includes spooky and mystical icons like hats, skulls, and potions.
โœ… GSAP Animations โ€“ Smooth, magical transitions.
โœ… Howler.js Audio โ€“ Sound effects that make the wheel come alive.
โœ… Canvas Confetti โ€“ Celebrate results with sparkly confetti bursts.
โœ… Lightweight & Fast โ€“ Works in the browser with no backend required.
โœ… Mobile & Desktop Friendly โ€“ Responsive design for any screen size.
โœ… MIT Licensed โ€“ Free and open-source for everyone.


๐Ÿ› ๏ธ Tech Stack

Decision Wheel is powered by:

  • Alpine.js โ€“ For reactivity
  • Tailwind CSS โ€“ Styles the applicationโ€™s interface.
  • GSAP โ€“ Animation engine for smooth spins.
  • Howler.js โ€“ Audio playback for magical sound effects.
  • Canvas Confetti โ€“ Celebration effects.
  • kodeWeave โ€“ Development playground used to build the app.
  • HTML5, CSS3, JavaScript โ€“ Core technologies.

๐Ÿ“ฅ Installation & Setup

Try it online:
โžก๏ธ Decision Wheel Demo

Or run locally:

Clone the Repository

git clone https://github.com/michaelsboost/DecisionWheel.git
cd DecisionWheel

Install Dependencies

npm install

Run Local Server

npm run serve

Then open http://localhost:8081 in your browser.


๐Ÿ“œ License

Decision Wheel is open-source under the MIT License.
See the full license here: LICENSE.


๐Ÿ’ก Want to Contribute?

Contributions are welcome! You can:

  • ๐Ÿ› Report bugs via GitHub Issues
  • โœจ Suggest new features (like more mystical icons or sound effects)
  • ๐Ÿ”ง Submit pull requests

If youโ€™d like to support the project, here are some ways:

โ˜• Buy me a coffee: ko-fi.com/michaelsboost
๐ŸŽจ Check out my art prints: DeviantArt Store
๐Ÿ‘• Grab some merch: Merch Store
๐Ÿ“š Learn Design with my course: Graphic Design Course
๐Ÿ’™ Donate via PayPal: Support via PayPal
๐Ÿ’ธ Donate via Cash App: Support via SquareCash


๐Ÿ“ง Contact

For questions, ideas, or collaborations:
Michael Schwartz โ€“ michaelsboost.com

michaelsboost/DecisionWheel | GitHunt