A Web Components game framework. Declarative HTML game shells with state machines, round progressions, timers, and more.

HTMLGameKit is a set of custom elements that give you everything you need to build simple browser-based games with nothing but HTML, CSS, and a pinch of JavaScript. No build step required.

Full docs, tutorials, and interactive demos at htmlgamekit.dev.

npm install htmlgamekit

<script type="importmap">
  { "imports": { "htmlgamekit/": "./node_modules/htmlgamekit/" } }
</script>
<script type="module" src="htmlgamekit/src/index.js"></script>

<game-shell rounds="5">
  <!-- your game here -->
</game-shell>

See the Getting Started guide and examples/ directory for more.

MIT - Keith Cirkel

If you find this useful, consider sponsoring.