Elixir Spin is a React-based mini-game and utility tool for Clash Royale fans.
It lets you filter cards, toggle special categories (such as 🧬 Evolutions, 🏰 Buildings, and 💣 Big Spells),
and generate random decks using Spin Wheels, Slot Machines, and Instant Randomizers —
similar to pulling cards from a magical chest.
Built purely for fun and creativity, Elixir Spin helps streamers, casual players, and fans experiment with deck ideas and create entertaining challenges.
🚀 Try it here: https://elixirspin.com
- Spin Wheel deck selector
- Slot Machine–style card picker
- One-click random deck generator
Enable or disable specific card categories:
- 🧬 Evolution
- 🏰 Building
- 🏆 Champion
- ✨ Small Spell
- 💣 Big Spell
- 🏹 Air Counter
- 🌀 Win Condition
- 🃏 Troll Card
- Filter by rarity
- Filter by elixir cost
- Search by card name
- Modern Clash-themed UI with animated toggles and responsive design
Perfect for:
- Fun deck challenges
- Viewer-generated spins
- Interactive live-stream content
| Technology | Purpose |
|---|---|
| ⚛️ React + TypeScript | Frontend framework |
| 🎨 Tailwind CSS | Styling & responsive UI |
| 🌀 Canvas-Confetti | Spin celebration animations |
| ⚙️ Vite | Fast development & bundling |
git clone https://github.com/yourusername/elixir-spin.git
cd elixir-spin2️⃣ Install dependencies
npm install
3️⃣ Run the dev server
npm run dev
Your app will be live at http://localhost:5173