JSPM

@toolcase/game-components

3.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 444
  • Score
    100M100P100Q46958F
  • License MIT

Framework-free Web Components for game UIs — HUDs, menus, dialogs, inventories, minimaps, and more, built on Shadow DOM.

Package Exports

  • @toolcase/game-components
  • @toolcase/game-components/style.css

Readme

@toolcase/game-components

GitHub npm version

Game UI component library built with native HTML5 Web Components. No frameworks, no runtime libraries — only standard browser APIs (HTMLElement, customElements, Shadow DOM).

Install

npm install @toolcase/game-components

Peer Dependencies

  • @toolcase/base 2.x

Import Styles

import '@toolcase/game-components/style.css'

Use a Component

import '@toolcase/game-components'

document.body.innerHTML = `<tc-hello-world name="Player"></tc-hello-world>`

Components

Component Tag Description
HelloWorld tc-hello-world Minimal greeting element. Accepts name attribute.

Styling

Styles are built with SCSS. Import the bundled CSS:

import '@toolcase/game-components/style.css'

Component class names are namespaced (component component-<name>) and can be overridden via CSS variables or SCSS overrides before importing.

License

The project is licensed under MIT License