Here are some useful resources:
We are now a part of theOpen Collectiveand 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!
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 |
npm install @pixi/ui
There is no default export. The correct way to import pixi-ui is:
import{Button}from'@pixi/ui';
constbutton=newButton();
button.onPress.connect(()=>console.log('Button pressed!'));
To use any of the components you can go to it's page in thesandbox,
and copy/paste the example code to your project (check theCode
tab):
- Switcher
- Button
- CheckBox
- FancyButton
- Input
- List
- MaskedFrame
- ProgressBar
- RadioGroup
- ScrollBox
- Select
- Slider
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 theContributing Guide before submitting changes.
This content is released under the (http://opensource.org/licenses/MIT) MIT License.
This library requires Pixiv7.1.1
or higher as this is when theglobalpointermove
event was added
Seeherefor details