Nuxt Layer

16 games. One extends.

mbl-games adds 16 games to any Nuxt 4 application via the layer system — arcade classics, kids games, and multiplayer party games. All audio is generated at runtime — no audio files — using Web Audio API oscillators and lookahead sequencing.

16
Browser games
0
Audio files
0
Game engines

Add to your Nuxt app

nuxt.config.ts
// nuxt.config.ts
export default defineNuxtConfig({
  extends: ['../mbl-games'],  // local path
  // or from npm:
  extends: ['nuxt-mbl-games'],
})

That's it. Routes at /games/* are immediately available.

Sound composables

pages/games/my-game.vue
<script setup>
// Auto-imported composables from the layer
const { play } = useSound('shoot')   // sfx
const { start, stop } = useMusic()   // background music
</script>

All audio is synthesized via Web Audio API oscillators and noise buffers. A lookahead sequencer schedules notes 150ms ahead for glitch-free looping.

Play them now