xile.us
← all games

Fun Game Hub

HTMLCSSJavaScriptSVG

A touch-friendly hub of five educational mini-games for kids — Animal Care, Letter Samurai, Climb & Spell, Beat Buddies, and Counting Market — with a shared star-and-sticker reward economy. A zero-build static site with hand-drawn inline SVG characters.

The games

The hub’s home screen is a menu of five mini-games, each its own self-contained experience:

  • Animal Care — feed, water, bathe, brush, play with, and tuck in cartoon pets (dog, cat, unicorn, bunny). Every task is a tiny mini-game with a goal meter and no fail state.
  • Letter Samurai — a Fruit-Ninja-style swiper: slice the letters matching what the text-to-speech voice calls out, with difficulty from single letters up to whole words.
  • Climb & Spell — a masked hero crawls and web-swings between letter perches to spell words across three progressively harder worlds.
  • Beat Buddies — a rhythm game: tap three pets in a band as beat bubbles arrive, five songs plus free-play.
  • Counting Market — count and drag fruit into baskets to fill customer orders, ramping into early arithmetic.

A shared reward economy (stars and stickers), pet-friendship mechanics, dynamic difficulty scaling, and gentle time-based stat decay tie the games together.

How it’s built

A zero-build static site: plain HTML, CSS, and JavaScript ES modules. Characters are hand-drawn inline SVG — no sprite sheets or image assets. Sounds are synthesized via the Web Audio API, progress persists in localStorage, and everything works offline.

The piece worth studying is the game registry: each mini-game registers into the hub and inherits the shared reward, audio, and persistence systems, which is what keeps adding game #6 cheap.

// more games

DinoGrow screenshot Featured

DinoGrow

Three.jsJavaScriptWebGL

A 3D dinosaur growth game for kids — start as a hatchling and eat everything in sight to grow into a GIANT. 11 playable dinosaurs with signature abilities across eight themed levels, each with its own objective and boss. No build step; pure Three.js.

Rampage screenshot

Rampage

PhaserJavaScriptVite

A kid-friendly side-scrolling car-combat & upgrade game — drive a junky cardboard car across five wild lands, smash silly monsters, collect supplies, and upgrade your way to a rocket-firing battle tank.

Ocean Voyage screenshot

Ocean Voyage

HTMLCSSJavaScript

A kid-friendly browser game inspired by Polynesian seafaring. Sail an outrigger canoe across a painted ocean — collect treasures, befriend dolphins and turtles, complete Grandma Moana's quests, paint your boat, and watch day cycle into starry night.

// share X Reddit