xnew

xnew is a JavaScript / TypeScript library for component-oriented programming, providing a flexible architecture well-suited for applications with dynamic scenes and games.

Visit the xnew website

Setup

Via CDN

Use the ES module version with an import map:

<script type="importmap">
{
    "imports": {
        "@mulsense/xnew": "https://unpkg.com/@mulsense/[email protected]/dist/xnew.mjs"
    }
}
</script>

<script type="module">
import { xnew } from '@mulsense/xnew';

// Your code here
</script>

Via npm

Install xnew using npm:

npm install @mulsense/[email protected]

Then import it in your JavaScript file:

import { xnew } from '@mulsense/xnew';

Building a game

xnew-gamelab is a template repository for making games with xnew. It ships a small but complete game (title / play / game over, with input, collision, effects and sound) together with the documentation an AI coding agent needs to extend it — supported by Claude Code, GitHub Copilot and Codex.

git clone https://github.com/mulsense/xnew-gamelab
cd xnew-gamelab
npm install
npm run dev