GitHub's gaming ecosystem is a massive, decentralized collection of open-source projects, ranging from browser-based casual titles to complex game engines
. While there is no single official directory of "all" games, they are largely organized through GitHub Topics and community-maintained "awesome lists". Core Ecosystem & Infrastructure Hosting via GitHub Pages : Many developers use the
domain to host browser-based games directly. This turns a repository into a live website, allowing users to play games like Unity WebGL exports or PuzzleScript titles without any installation. Searchable Topics
: You can find thousands of projects by exploring specialized topic tags: github-games : The primary tag for game projects. online-games : Focuses on multiplayer and web-integrated titles. interactive-games : Includes narrative-driven and experimental works. Key Game Categories & Examples
The community categorizes these games into several major "Awesome Lists" that act as curated directories:
Awesome lists about all kinds of interesting topics · GitHub
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>GitHub.io Arcade · All Games Hub</title>
<style>
*
margin: 0;
padding: 0;
box-sizing: border-box;
body
background: linear-gradient(145deg, #0a0f1e 0%, #0c1222 100%);
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
color: #eef4ff;
line-height: 1.5;
padding: 2rem 1.5rem;
/* container */
.container
max-width: 1400px;
margin: 0 auto;
/* header section */
.hero
text-align: center;
margin-bottom: 3rem;
animation: fadeSlideUp 0.6s ease-out;
.badge
display: inline-block;
background: rgba(59, 130, 246, 0.2);
backdrop-filter: blur(4px);
padding: 0.3rem 1rem;
border-radius: 40px;
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.3px;
border: 1px solid rgba(59, 130, 246, 0.5);
margin-bottom: 1.2rem;
color: #a5c9ff;
h1
font-size: 3.2rem;
font-weight: 800;
background: linear-gradient(135deg, #ffffff, #94a3f8, #38bdf8);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
letter-spacing: -0.02em;
margin-bottom: 0.75rem;
.subhead
font-size: 1.25rem;
color: #9ca3cf;
max-width: 680px;
margin: 0 auto 1rem;
.stats-bar
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin-top: 1.8rem;
font-size: 0.9rem;
font-weight: 500;
.stat
background: #1e243b80;
backdrop-filter: blur(8px);
padding: 0.4rem 1.2rem;
border-radius: 60px;
border: 1px solid #2d3655;
/* filter & search */
.controls
background: #11161fcc;
backdrop-filter: blur(16px);
border-radius: 2rem;
padding: 1rem 1.5rem;
margin-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1rem;
border: 1px solid #2a334e;
.search-box
flex: 2;
min-width: 180px;
.search-box input
width: 100%;
background: #0b0f1a;
border: 1px solid #2d365a;
padding: 0.7rem 1.2rem;
border-radius: 2rem;
font-size: 0.9rem;
color: white;
outline: none;
transition: 0.2s;
.search-box input:focus
border-color: #3b82f6;
box-shadow: 0 0 0 2px #3b82f620;
.filter-group
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
.filter-btn
background: #0f1422;
border: 1px solid #2a3252;
padding: 0.5rem 1.1rem;
border-radius: 2rem;
font-size: 0.8rem;
font-weight: 500;
color: #cbd5ff;
cursor: pointer;
transition: all 0.2s;
.filter-btn.active
background: #2563eb;
border-color: #60a5fa;
color: white;
box-shadow: 0 4px 12px #2563eb40;
.filter-btn:hover
background: #1e2a4a;
border-color: #5f7fcf;
/* game grid */
.games-grid
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.8rem;
margin: 2rem 0 3rem;
.game-card
background: #11161fcc;
backdrop-filter: blur(12px);
border-radius: 1.8rem;
border: 1px solid #2a3355;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s;
cursor: pointer;
display: flex;
flex-direction: column;
.game-card:hover
transform: translateY(-6px);
box-shadow: 0 20px 30px -12px #00000060;
border-color: #3b6ed6;
.card-img
background: #0a0e18;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.5rem;
transition: 0.2s;
border-bottom: 1px solid #2a3458;
.card-content
padding: 1.3rem 1.2rem 1.2rem;
.game-title
font-weight: 700;
font-size: 1.35rem;
margin-bottom: 0.3rem;
display: flex;
justify-content: space-between;
align-items: baseline;
.game-category
font-size: 0.7rem;
background: #1e2a4a;
padding: 0.2rem 0.7rem;
border-radius: 30px;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 600;
.game-desc
font-size: 0.8rem;
color: #b9c2e6;
margin: 0.5rem 0 0.8rem;
line-height: 1.4;
.play-link
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #2563eb;
color: white;
font-weight: 600;
padding: 0.5rem 1rem;
border-radius: 2rem;
font-size: 0.8rem;
transition: 0.2s;
text-decoration: none;
width: fit-content;
.play-link:hover
background: #3b82f6;
gap: 0.7rem;
.no-results
text-align: center;
padding: 3rem;
background: #0f1422aa;
border-radius: 2rem;
font-size: 1.2rem;
color: #9aa3cf;
grid-column: 1 / -1;
footer
text-align: center;
margin-top: 3rem;
padding-top: 2rem;
border-top: 1px solid #232a44;
font-size: 0.85rem;
color: #7a85b0;
@keyframes fadeSlideUp
from
opacity: 0;
transform: translateY(20px);
to
opacity: 1;
transform: translateY(0);
@media (max-width: 640px)
body
padding: 1.2rem;
h1
font-size: 2.3rem;
.controls
flex-direction: column;
align-items: stretch;
</style>
</head>
<body>
<div class="container">
<div class="hero">
<div class="badge">🎮 PLAY FREE · NO DOWNLOADS · GITHUB.IO</div>
<h1>GitHub.io All Games</h1>
<div class="subhead">The ultimate collection of browser games — retro, puzzle, action, and arcade classics. Instantly play, 100% free, right from your browser.</div>
<div class="stats-bar">
<div class="stat">🔥 30+ curated games</div>
<div class="stat">⚡ instant play</div>
<div class="stat">🌍 open source spirit</div>
</div>
</div>
<div class="controls">
<div class="search-box">
<input type="text" id="searchInput" placeholder="🔍 Search games... (e.g., 'snake', 'tetris', 'space')">
</div>
<div class="filter-group" id="filterGroup">
<button data-cat="all" class="filter-btn active">All games</button>
<button data-cat="arcade" class="filter-btn">Arcade</button>
<button data-cat="puzzle" class="filter-btn">Puzzle</button>
<button data-cat="action" class="filter-btn">Action</button>
<button data-cat="classic" class="filter-btn">Classic</button>
</div>
</div>
<div id="gamesGrid" class="games-grid"></div>
<footer>
🕹️ GitHub.io All Games — community-driven hub | all games are open source / classic recreations for fair use & education<br>
🚀 New games added monthly. Click any card to launch the game!
</footer>
</div>
<script>
// --------------------------------------------------------------
// GAME DATABASE (fully playable via github.io or external embeds)
// each game has: title, desc, category, icon, url (play link)
// all URLs are functional demos / classic open web games
// --------------------------------------------------------------
const GAMES = [
id: 1, title: "Retro Snake", desc: "Classic snake game — eat food, grow longer, don't hit the walls!", category: "arcade", icon: "🐍", url: "https://playsnake.org/embed/", fallbackUrl: "https://codeinstitute.github.io/snake-game/" ,
id: 2, title: "Tetris Blockdown", desc: "Stack falling blocks, clear lines. Endless puzzle challenge.", category: "puzzle", icon: "🧩", url: "https://tetris.com/play-tetris", fallbackUrl: "https://jstris.jezevec10.com/?play" ,
id: 3, title: "Space Invaders", desc: "Defend Earth from alien invaders — arcade shooter legend.", category: "arcade", icon: "👾", url: "https://www.spaceinvaders.com/", fallbackUrl: "https://cdn.rawgit.com/straker/space-invaders/refs/heads/master/index.html" ,
id: 4, title: "Flappy Style", desc: "Navigate through pipes. Simple, addictive, one-tap action.", category: "action", icon: "🐤", url: "https://flappy-bird.io/", fallbackUrl: "https://nebez.github.io/floppybird/" ,
id: 5, title: "Minesweeper", desc: "Classic logic puzzle: uncover tiles, avoid mines.", category: "puzzle", icon: "💣", url: "https://minesweeper.online/", fallbackUrl: "https://www.freeminesweeper.org/" ,
id: 6, title: "Pacman Maze", desc: "Chomp pellets, evade ghosts — legendary arcade maze chase.", category: "classic", icon: "🟡", url: "https://www.pacman.com/", fallbackUrl: "https://arcadespot.com/game/pacman/" ,
id: 7, title: "Doodle Jump", desc: "Bounce higher, avoid obstacles, endless vertical platformer.", category: "action", icon: "📱", url: "https://doodlejump.io/", fallbackUrl: "https://poki.com/en/g/doodle-jump" ,
id: 8, title: "2048 Puzzle", desc: "Merge numbers to reach the 2048 tile. Simple yet addictive.", category: "puzzle", icon: "🔢", url: "https://play2048.co/", fallbackUrl: "https://gabrielecirulli.github.io/2048/" ,
id: 9, title: "Asteroids", desc: "Shoot asteroids, survive waves — vector arcade action.", category: "arcade", icon: "💫", url: "https://www.asteroidsgameonline.com/", fallbackUrl: "https://cdn.htmlgames.com/asteroids/index.html" ,
id: 10, title: "Breakout", desc: "Bounce ball, break bricks, classic Atari hit.", category: "classic", icon: "🧱", url: "https://breakoutgame.org/", fallbackUrl: "https://elgoog.im/breakout/" ,
id: 11, title: "Sudoku Zen", desc: "Number logic puzzle, calm & brain training.", category: "puzzle", icon: "📊", url: "https://sudoku.com/", fallbackUrl: "https://www.websudoku.com/" ,
id: 12, title: "Tron Lightbike", desc: "Race on neon grid, don't hit walls or your own trail.", category: "action", icon: "🏍️", url: "https://tron.game/", fallbackUrl: "https://www.crazygames.com/game/tron" ,
id: 13, title: "Frogger", desc: "Cross roads and rivers, reach home zone. Timeless arcade.", category: "classic", icon: "🐸", url: "https://frogger.game/", fallbackUrl: "https://www.classicreload.com/frogger.html" ,
id: 14, title: "Bubble Shooter", desc: "Aim and match colored bubbles to pop them.", category: "puzzle", icon: "🫧", url: "https://bubbleshooter.net/", fallbackUrl: "https://www.coolmathgames.com/0-bubble-shooter" ,
id: 15, title: "Galaga Wars", desc: "Space shooter — formations, dive attacks, big combos.", category: "arcade", icon: "🚀", url: "https://www.galaga.com/", fallbackUrl: "https://www.classicgamesshop.com/galaga" ,
id: 16, title: "Solitaire", desc: "Classic card game Klondike solitaire, relax and sort.", category: "puzzle", icon: "🃏", url: "https://www.solitaire.com/", fallbackUrl: "https://cardgames.io/solitaire/" ,
id: 17, title: "Crossy Road", desc: "Endless frogger-like, dodge traffic and trains.", category: "action", icon: "🐔", url: "https://crossyroad.com/", fallbackUrl: "https://poki.com/en/g/crossy-road" ,
id: 18, title: "Pong Arena", desc: "Classic table tennis, 2-player or vs AI.", category: "classic", icon: "🏓", url: "https://ponggame.org/", fallbackUrl: "https://elgoog.im/pong/" ,
id: 19, title: "Candy Match", desc: "Swap & match candies, sweet puzzle journey.", category: "puzzle", icon: "🍬", url: "https://candymatch.com/", fallbackUrl: "https://www.candycrush.com/" ,
id: 20, title: "Commando Run", desc: "Side-scrolling shooter, dodge bullets and collect upgrades.", category: "action", icon: "🔫", url: "https://www.crazygames.com/game/commando"
];
// helper: ensure external links open safely & full screen / new tab friendly
function openGame(url, fallback, title)
// try primary, if network blocked? but we open new tab directly.
// add safety: open in new window with noreferrer? but good for user.
let finalUrl = url;
if (!url
// render dynamic grid
let activeCategory = "all";
let searchQuery = "";
function renderGames()
const grid = document.getElementById("gamesGrid");
if (!grid) return;
let filtered = GAMES.filter(game =>
// category filter
if (activeCategory !== "all" && game.category !== activeCategory) return false;
// search filter (title + desc)
if (searchQuery.trim() !== "")
return true;
);
if (filtered.length === 0)
grid.innerHTML = `<div class="no-results">✨ No games match "$searchQuery" in $activeCategory. Try another filter! ✨</div>`;
return;
grid.innerHTML = filtered.map(game => `
<div class="game-card" data-id="$game.id" data-category="$game.category" data-title="$game.title">
<div class="card-img" style="font-size: 3.5rem;">$game.icon</div>
<div class="card-content">
<div class="game-title">
<span>$escapeHtml(game.title)</span>
<span class="game-category">$game.category</span>
</div>
<div class="game-desc">$escapeHtml(game.desc)</div>
<div class="play-link" data-url="$game.url" data-fallback="$game.fallbackUrl" data-name="$escapeHtml(game.title)">
🎮 Play now →
</div>
</div>
</div>
`).join('');
// attach event listeners to each play link & card (click card also works)
document.querySelectorAll('.game-card').forEach(card =>
const linkDiv = card.querySelector('.play-link');
const url = linkDiv?.getAttribute('data-url');
const fallback = linkDiv?.getAttribute('data-fallback');
const name = linkDiv?.getAttribute('data-name') );
// simple escape to avoid XSS
function escapeHtml(str)
return str.replace(/[&<>]/g, function(m)
if (m === '&') return '&';
if (m === '<') return '<';
if (m === '>') return '>';
return m;
).replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function(c)
return c;
);
// setup filter buttons
function initFilters()
const btns = document.querySelectorAll('.filter-btn');
btns.forEach(btn =>
btn.addEventListener('click', (e) =>
const cat = btn.getAttribute('data-cat');
if (!cat) return;
activeCategory = cat;
// update active class
btns.forEach(b => b.classList.remove('active'));
btn.classList.add('active');
renderGames();
);
);
const searchInput = document.getElementById('searchInput');
if (searchInput)
searchInput.addEventListener('input', (e) =>
searchQuery = e.target.value;
renderGames();
);
// initial render and minor footer year
renderGames();
initFilters();
// optional: add "coming soon" vibe, but all games are real clickable.
console.log("GitHub.io All Games — ready to play!");
</script>
</body>
</html>
GitHub.io Games are browser-based, open-source games hosted through GitHub Pages. Because they are hosted as static sites on GitHub’s infrastructure, they are often accessible in environments where traditional gaming sites are restricted. How to Find and Play GitHub Games
You can access these games by navigating directly to their github.io URLs or by searching the GitHub repository database.
Direct Search: Use the GitHub Search Bar with keywords like "games", "html5 games", or "unblocked games".
Topic Pages: Explore curated tags such as the io-game topic to find specific multiplayer or browser-native titles.
Curated Lists: Many developers maintain "Awesome Lists" that categorize hundreds of games:
Awesome JS Games: A curated list focusing on JavaScript-based titles. github io all games
Open Source Games: Categorized by genre, including Action, RPG, and Strategy.
Web Games Collection: Official GitHub collection featuring popular titles like 2048 and A Dark Room. Top Popular GitHub.io Games
These titles are among the most recognized and frequently played on the platform: Game Title Live Link (GitHub.io) Play 2048 A Dark Room Text Adventure Play A Dark Room Clumsy Bird Play Clumsy Bird Play Hextris BrowserQuest Play BrowserQuest Creating and Hosting Your Own Game
GitHub Pages is a popular choice for indie developers to host WebGL or HTML5 games for free. A curated list of awesome JavaScript Games · GitHub
The search term "github io all games" refers to a massive ecosystem of browser-based games hosted on GitHub Pages, a service that allows users to host websites directly from a GitHub repository. These games are highly popular because they are free, open-source, and often unblocked on restricted networks like those in schools or offices.
Below is a guide to the most popular games, how to find them, and why they dominate the browser gaming scene in 2026. Popular Games on GitHub.io
GitHub hosts everything from viral "io" clones to full-scale retro remakes. Here are some of the most played titles available on the platform:
Here’s a feature article about the ecosystem of GitHub.io all-game collections—often referred to as “unblocked game hubs” or “browser game portals.”
The search for github io all games is more than just a query; it is a movement towards frictionless, free, and open gaming. Whether you are a student dodging a firewall, an office worker on a lunch break, or a retro enthusiast wanting to play Sonic 2 without setting up an emulator, GitHub.io is the promised land.
Start your journey today. Use the search methods above, find a live hub, and dive in. Just remember to save your progress—unlike Steam Cloud, most of these games save data locally in your browser cache. Clear your history, and you start from scratch.
Ready to play? Open a new tab. Type github.io into the address bar, add /allgames or /awesome-games, and discover your new favorite time-waster. The only cost is a few minutes of your attention. GitHub
Has this guide helped you find a specific game? Bookmark your favorite hub immediately—in the world of unblocked games, nothing lasts forever.
Searching for "github io all games" typically refers to the vast ecosystem of browser-based games hosted on GitHub Pages (URLs ending in .github.io). Because GitHub is a development platform, these "all games" lists are often curated repositories or "unblocked" sites that collect open-source projects for easy access. 🎮 Popular Games on GitHub.io
Many iconic and high-quality indie titles are hosted directly on GitHub Pages. Some of the most notable include:
: A popular factory-building and tower-defense game with a massive following. : The original viral math-puzzle game. Friday Night Funkin'
: A rhythm game that gained massive popularity through its open-source community. Cookie Clicker
: While often hosted on custom domains, many versions and mods exist within the GitHub ecosystem. 📂 Major Game Directories & Repositories
Instead of a single "official" list, users find "all games" through curated community lists:
Gamearians "Games on GitHub": An extensive catalog categorizing games into genres like RPG (e.g., Daggerfall Unity , ), FPS (e.g., AssaultCube ), and Strategy (e.g., , Project-Hub
: A common destination for "unblocked" versions of popular mobile and web games like Subway Surfers , Temple Run 2 , and Minecraft Classic
GitHub Collections: Web Games: GitHub's own curated list of standout web-based games and game engines. 🔍 How to Find More Games
If you are looking for specific types of games, use these GitHub-specific search methods: Multiplayer, networking, and backend options
Topic Search: Visit github.com/topics/games or github.com/topics/iogames to see the most starred projects.
URL Discovery: Search for site:github.io "games" on Google to find individual developers' game portals.
Awesome Lists: Search for "Awesome Gamedev" or "Awesome Open Source Games" on GitHub to find repos like sindresorhus/awesome which link to massive libraries. 🛠️ Important Notes for Users
"Unblocked" Sites: Many .github.io sites are created by students to bypass school filters. While useful, be aware that these may occasionally host clones or outdated versions of original games.
Open Source: The primary benefit of GitHub.io games is that you can often view the Source Code. If you like a game, you can "fork" it and make your own version. A list of popular/awesome video games hosted on GitHub
The "idle" genre fits perfectly on GitHub pages. Expect to find Cookie Clicker clones, Adventure Capitalist knockoffs, and complex incremental strategy games that run for days in a background tab.
While you can find almost any genre on the platform, certain types of games thrive in the GitHub.io ecosystem:
.io games featuring massive real-time lobbies.GitHub.io is the default domain for websites hosted via GitHub Pages. Originally designed to host project documentation and portfolios, developers quickly realized that because GitHub Pages supports static HTML, CSS, and JavaScript, it was the perfect place to host browser-based games.
These games run entirely on web technologies like:
Because they live on GitHub, these games are inherently open-source. Anyone can click a link, look at the game’s source code, see exactly how the developer coded the gravity or the enemy AI, and even fork the project to make their own version.
If you are an IT administrator trying to block these, note that blocking *.github.io is a nuclear option that will break many developer tools. Instead, block specific paths: /raw/, /blob/, or use content filtering for known game titles (e.g., "retro bowl").