← All news·2026-08-11·4 min read

Open Source JavaScript Games: 100+ Examples for Vibe Coders

A curated catalog of 100+ open source HTML5 and JavaScript games — Pac-Man, 2048, multiplayer UNO — to reference when vibe-coding a browser game with an AI agent.

gamesvibejavascripthtml5open-source

Whenever I want to build a game, the hardest part isn't the code. Its figuring out what the code should even look like. Game logic is weirdly specific: collision detection, scoring, keyboard input, level transitions. Even a basic 2048 clone has more moving parts than it looks. The problem isn't that the agent can't write it — its that you don't always know how to describe exactly what you want.

The best shortcut I found: point the agent at a working game that's similar to what you're building. Skip the abstract description and just say 'I want something like this — here's the source code'. And that's where this list comes in.

Source

proyecto26/awesome-jsgames

★ 962

Open on GitHub →

Awesome JS Games is a curated catalog of 100+ open source games written in JavaScript and HTML5. All of them live on GitHub with full source code — adventure, arcade, puzzles, strategy, shooters. There's Pac-Man, 2048, Blitz Tactics (chess puzzles), a multiplayer UNO clone, Ancient Beast (a turn-based strategy), and even a developer portfolio built as an interactive 2D game. The whole list is organized by genre, which makes it pretty easy to scan. Licensed CC0, so everything is freely usable.

What's in the collection

A big chunk of the games here came from js13kGames — a competition where developers build browser games that fit in 13 kilobytes. That constraint forces everything to be tight and understandable: no heavy frameworks, no build pipelines, just clean HTML5 and JavaScript. Which means the source code is actually readable — well, readable for an agent. The list also inlcudes bigger projects like Ancient Beast, a full multiplayer strategy game with real-time online matches, and UNO with full lobby support. Beyond the games themselves, the catalog links to extras like the Google JavaScript Style Guide and Chrome Experiments — a showcase from Google of experimental browser-based work.

How to use it as a vibe coder

You don't need to read the source code yourself — thats what the agent is for. The workflow that actually works for me is simple. You browse the list until you find a game that's roughly what you want to build. Copy the GitHub link from the list. Then describe your version to the agent and include the reference link. The agent reads the source and adapts it to your description.

  1. 1Browse the catalog by genre — adventure, arcade, puzzle, strategy
  2. 2Find a game that's close to what you want to build
  3. 3Copy its GitHub URL from the awesome-jsgames list
  4. 4Tell your agent: 'I want a game like this [link] but with [your changes]'
  5. 5The agent reads the source and builds your version
✓What you get

A reference library of 100+ working JavaScript games — from tiny 13KB arcade titles to full multiplayer strategy games. Pick any game as a starting point, hand the GitHub link to your agent, and describe what you want to change. No setup, no code reading, no abstract guessing about what 'collision detection' should look like.

Source: github.com

Free course

Stop reading about AI — start building with it

The free Claude Code course: your first site, tool or game — no coding. No upsells, no cross-sells — nothing to buy here.

Start free →
EAEvgenii Arsentev

Author

Evgenii Arsentev

PhD · Chief Executive Officer, digital health