Package Exports
- htmlgamekit
- htmlgamekit/audio
- htmlgamekit/auto
- htmlgamekit/between
- htmlgamekit/challenge
- htmlgamekit/component
- htmlgamekit/conditions
- htmlgamekit/context
- htmlgamekit/debug
- htmlgamekit/events
- htmlgamekit/flash
- htmlgamekit/format
- htmlgamekit/game-base.css
- htmlgamekit/game-signal
- htmlgamekit/histogram
- htmlgamekit/hud
- htmlgamekit/icon
- htmlgamekit/leaderboard
- htmlgamekit/passage
- htmlgamekit/pending-task
- htmlgamekit/preferences
- htmlgamekit/progressions/fixed
- htmlgamekit/progressions/staircase
- htmlgamekit/progressions/tier
- htmlgamekit/quiz
- htmlgamekit/result-message
- htmlgamekit/result-stat
- htmlgamekit/score-form
- htmlgamekit/scores
- htmlgamekit/sequencer
- htmlgamekit/share
- htmlgamekit/shell
- htmlgamekit/signals
- htmlgamekit/synth
- htmlgamekit/tile-input
- htmlgamekit/timer
- htmlgamekit/toast
- htmlgamekit/triggers
- htmlgamekit/trophy
- htmlgamekit/words
Readme
HTMLGameKit
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.
Documentation
Full docs, tutorials, and interactive demos at htmlgamekit.dev.
Quick Start
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.
License
MIT - Keith Cirkel
Sponsors
If you find this useful, consider sponsoring.