🎮ArcadeLab
☁️
☁️
☁️
🎮

ArcadeLab

Make games. Share games. Play games.

A place where kids publish & play browser games

What is ArcadeLab?

ArcadeLab (arcadelab.ai) is a platform where kids publish and play browser-based HTML/JS/CSS games. Think "GitHub Pages meets itch.io" for kids. Games are single HTML files that run in sandboxed iframes. (ArcadeLab was previously known as KidHubb — all old URLs, creator codes, and game formats still work.)

How to Publish a Game

Go to arcadelab.ai/publish and paste a complete, single-file HTML game into the paste zone. The game must start with a special ARCADELAB comment header at the very top of the file:

<!--ARCADELAB
title: Your Game Title
description: One sentence describing your game
libraries: phaser, p5
emoji: 🚀
color: blue
-->

<!DOCTYPE html>
<html>
  ...your game code...
</html>

Supported Libraries

ArcadeLab automatically injects CDN script tags for declared libraries. Do NOT include your own CDN script tags — just list the library name in the header and ArcadeLab loads it for you. Including your own script tags will cause double-loading and errors. Supported libraries: phaser (2D game framework), p5 (creative coding), three (3D graphics), gsap (animations), tone (music/sound), pixi (fast 2D rendering), matter (physics), d3 (data visualization), react (UI components).

Game Requirements

  • Must be a single, self-contained HTML file
  • All JavaScript and CSS must be inline (no external files except declared libraries)
  • Maximum file size: 500KB
  • Game should work at any viewport size (many kids use tablets)
  • Games run in a sandboxed iframe with connect-src none — fetch(), XMLHttpRequest, and WebSocket are all blocked. Do not build games that call external APIs.

Creator Identity

ArcadeLab uses Creator Codes instead of email/password — low friction, designed for kids. Kids get a Creator Code automatically when they first publish a game. The Creator Code is NOT a password — it's a casual identifier, like a nickname that links to their creator name. Kids can remember their code by telling their AI assistant: "My ArcadeLab creator code is ROCKET-WOLF-COMET-73, it's how I publish games on arcadelab.ai. Please remember it for me!" To restore identity on a new device, use the "Have a creator code?" link on the publish page.

If a Kid Asks You to Make a Game for ArcadeLab

  1. Build the game as a single HTML file with all JS and CSS inline
  2. Add the ARCADELAB comment header at the very top (before the DOCTYPE)
  3. List any supported libraries in the header — do NOT include CDN script tags in the HTML
  4. Keep it under 500KB and make it work at any screen size
  5. Do not use fetch, XHR, or WebSocket — network access is blocked in the sandbox
  6. Tell the kid to copy the entire code and paste it at arcadelab.ai/publish

For full details, visit arcadelab.ai/for-ai

🌟🏆💎🔥🌈
🌿
🌱
🌿
🌱
🌾