🔘 UI Toolkit for Phaser 3
A UI library for the Phaser game framework.
After running the following command:
npm i phaser-uikitYou can import all available modules to your project with:
import * as UI from 'phaser-uikit'
Or just the ones you need:
import { Button, Layout } from 'phaser-uikit'
Currently, the following components are supported:
| Component | Description |
|---|---|
| Button | Trigger a user action |
| Checkbox | Toggle a state on and off, or toggle multiple values from several options |
| Radio | Select a single value from several options |
| Layout | Order multiple elements into a layout |
Run the following commands, to start the project locally and play around with some demo components:
git clone https://github.com/flowforfrank/phaser-ui.gitnpm inpm run startRun npm run build. This will create a dist folder with a minified version of all the available components.
You can find documentation about the API and examples for all available components in the docs.