Skip to content

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.

License

michaelsboost/DecisionWheel

Repository files navigation

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 Schwartzmichaelsboost.com

About

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.

Topics

Resources

License

Stars

Watchers

Forks