📦 pixijs / ui

Commonly used UI components for PixiJS

283 stars 24 forks 👁 283 watching ⚖️ MIT License
📥 Clone https://github.com/pixijs/ui.git
HTTPS git clone https://github.com/pixijs/ui.git
SSH git clone git@github.com:pixijs/ui.git
CLI gh repo clone pixijs/ui
Dmytro Soldatov Dmytro Soldatov 2.3.2 4996e70 1 months ago 📝 History
📁 .github
📁 .husky
📁 .storybook
📁 src
📁 tests
📄 .babelrc
📄 .gitignore
📄 LICENSE
📄 README.md
📄 README.md

<div align="center"> <h1><img src="https://user-images.githubusercontent.com/11766115/228632186-ea0caf7d-f829-4b38-b005-bc9141b0190b.png" /> </h1> <h3>It is a library that contains commonly used UI components, that are extensible to allow them to be used in any project</h3> </div>

Here are some useful resources:

We are now a part of the Open Collective and with your support you can help us make PixiJS even better. To make a donation, simply click the button below and we'll love you forever!

Compatibility

Depending on your version of PixiJS, you'll need to figure out which major version of PixiUI to use.

| PixiJS | PixiUI | | ------ | ------ | | v7.x | v1.x | | v8.x | v2.x |

Install

npm install @pixi/ui

There is no default export. The correct way to import pixi-ui is:

Usage

import { Button } from '@pixi/ui';

const button = new Button();

button.onPress.connect(() => console.log('Button pressed!'));

To use any of the components you can go to it's page in the sandbox, and copy/paste the example code to your project (check the Code tab):

Components

Contribute

Want to be part of the PixiUI project? Great! All are welcome! We will get there quicker together :) Whether you find a bug, have a great feature request, or you fancy owning a task from the road map above, feel free to get in touch.

Make sure to read the Contributing Guide before submitting changes.

License

This content is released under the (http://opensource.org/licenses/MIT) MIT License.

Known Issues

This library requires Pixi v7.1.1 or higher as this is when the globalpointermove event was added See here for details