Crystal Cascade is a premium HTML5 Match-3 puzzle game packed with modern features like Augmented Reality gameplay, dynamic weather effects, offline mode, and full PWA support. Built with pure JavaScript, TailwindCSS, and no external game engines, it’s optimized for both desktop and mobile browsers.

This is not just a template – it’s a complete gaming platform with RPG-style progression, daily challenges, and social leaderboards, making it perfect for monetization, customization, and client projects.

Whether you're a developer looking for a powerful base, or an entrepreneur aiming to launch a polished mobile puzzle game, Crystal Cascade delivers unmatched value and flexibility.

✅ Fully Responsive
✅ AR Mode with real-time camera input
✅ Offline Play via Service Worker
✅ Installable as PWA
✅ Built for Performance (60fps)
✅ Clean, Documented Source Code
✅ Easy to Customize and Exten

Crystal Cascade is a next-gen HTML5 match-3 puzzle game with groundbreaking features like AR mode, dynamic weather system, offline gameplay, PWA support, and character progression. Built with performance, cross-platform support, and extensibility in mind.

Key Features

🎮 Core Gameplay

• 8x8 grid with cascading gem mechanics
• Power-ups: Bombs, Lightning, Rainbow gems
• Modes: Story, Quick Play, Daily Challenges, AR
• 50+ unique levels
• Boss battles with special mechanics
• Star rating system (1–3 stars per level)

🌦 Dynamic Weather System

• Types: Rain, Snow, Storm, Aurora, Mist
• Affects score, speed, and visuals
• Automatically cycles every 60–90 seconds

🧠 Character Progression

• RPG-style abilities and stats
• Dedicated player progression screen

🌐 Augmented Reality Mode

• Surface detection using the device camera
• Floating 3D board in real space
• Tap, swipe, pinch controls
• Optimized for phones and tablets

📅 Daily Challenge System

• Types: Speed Run, Combo Master, Crystal Hunter
• Streak rewards: Up to 1000+ gems
• Special events and progress tracking

👥 Social Features

• Global leaderboard (Top 50)
• Friend system with score challenges
• Native Web Share API support
• Achievements with unlock notifications

Development Environment

• Node.js v16.0+
• NPM v7.0+ or Yarn v1.22+
• Mobile
• Modern Browser: Chrome 88+, Firefox 85+, Safari 14+, Edge 88+

1. Extract the ZIP file

unzip crystal-cascade.zip
cd crystal-cascade

2. Install dependencies
npm install

3. Start local development server
npm run dev