Tile Match: Mystic Reef | HTML5 Puzzle Game

Lift a tile. Watch it fly. Match three and they are gone.

Mystic Reef is a triple tile match puzzle set on a sunlit coral shelf. Tiles are stacked in layers across the board, and a seven-slot tray waits underneath. Tap any tile that is not buried and it flies down into the tray. Three of the same kind clear together and free their slots.

The pressure comes from the tray. Seven slots, no more. Every tile you take without completing a set fills one of them, so the board has to be read before it is touched. Tiles pinned under another tile remain dimmed and unavailable until the tile above them is cleared, turning each board into a puzzle of planning and timing.

Three boosters are available when a level will not come apart: pull a matching tile out of the stack, send the last collected tile back to the board, or reshuffle the colours completely.

The game runs entirely in the browser. Progress is saved locally, allowing players to continue where they left off. After the first visit, the game can continue working offline. There is no ad SDK, analytics or tracking included in the build.

Live Demo

Play the live demo

Game Features

• Hand-crafted and tested puzzle levels
• 9 built-in languages: English, Turkish, German, Spanish, Italian, Portuguese, Russian, Japanese and Chinese
• Layered coral board with buried tiles locked and dimmed until uncovered
• Seven-slot tray system
• Three boosters: Magnet, Undo and Shuffle
• Lobby, level map, daily quests, spin wheel and timed chest
• Coin economy and progression system
• Win and loss screens with star ratings and coin rewards
• Local progress saving with no server, login or database
• Works offline after the first load
• Portrait 1080×1920 design with responsive scaling for phones, tablets and desktop
• Touch and mouse support
• No ad SDK, analytics or tracking
• Custom loading screen ready for your own branding

What You Get

• Complete HTML5 game ready to upload to any static host
• Level data and on-screen text provided as editable files
• Full documentation covering file structure, editing, rebranding and deployment

Technical Requirements

• Desktop browsers: Chrome 80+, Edge 80+, Firefox 75+, Safari 14+, Opera 67+
• Mobile browsers: Chrome for Android 80+, Samsung Internet 12+, Safari on iOS 14+
• WebGL and hardware acceleration required
• Desktop and mobile supported from the same build
• Mouse and touch controls supported
• Static hosting only — no PHP, Node.js, database or build step required
• Approximately 15 MB on the first load, cached afterwards
• Internet connection required for the first load only