Grove

live

A meditative tile-merging puzzle played on a hexagonal board. Place matching tiles next to each other and watch them merge through 12 themed tiers — Seed, Sprout, Sapling, Oak, Grove, Forest, Woodland, Wilderness, Kingdom, Realm, Eternity — each with its own palette that progresses from dark earth through golden hour to ethereal moonsilver. Axial hex coordinates, pointy-top SVG rendering, and a forest-dawn aesthetic built with Cormorant Garamond and JetBrains Mono typography. Scores and best tiers persist via localStorage, with combo-based scoring that rewards chain merges. Ships as a single HTML file with zero dependencies — mobile-first, touch-optimized, and playable offline.

Screenshots

Grove screenshot
Grove screenshot
Grove screenshot

Tech Stack

HTML5SVGVanilla JavaScriptCSS3

Why It Works

Zero-dependency single-file architecture delivers the entire game in one HTML document

12-tier progression system with themed palettes creates visual reward across long sessions

Axial hex-coordinate math with SVG rendering enables crisp scaling on any viewport

Mobile-first touch controls with persistent best scores via localStorage

Want the how and why?

I write up builds like this one — the timeline, the method, and the parts worth copying. No fluff, just what actually happened.