@inlet/react-pixi

Write PixiJS applications using React declarative style.

Stats

StarsIssuesVersionUpdatedCreatedSize
@inlet/react-pixi
1,16206.6.56 months ago4 years agoMinified + gzip package size for @inlet/react-pixi in KB

Readme

react-pixi

React Pixi

Simply the best way to write PIXI applications in React
Write PIXI applications using React declarative style 👌


release downloads ci tests license react version pixi version


ReactPixi is an open-source, production-ready library to render high performant PIXI applications in React.

Get started

Quick start

npm install pixi.js @inlet/react-pixi
import { Stage, Container, Sprite } from '@inlet/react-pixi';

export const MyComponent = () => (
  <Stage>
    <Sprite image="./my-image.png" x={100} y={100} />

    <Container x={500}>
      <Text text="Hello World" filter={[blurFilter]} />
    </Container>
  </Stage>
);

Docs

Check out our documentation for guides and a full API reference.

Or checkout our examples on codepen for inspiration.

Contribute

Want to contribute to ReactPixi? Our contributing guide has you covered.

License

ReactPixi is MIT licensed.

Meet fellow developers

You have an amazing feature in mind or just want to get in touch with other developers? Feel free to join our Slack channel.

Join us on Slack

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.