inlet / React Pixi
Licence: mit
Write PIXI apps using React declarative style
Stars: ✭ 1,031
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Pixi
React Pixi Fiber
Write PixiJS applications using React declarative style.
Stars: ✭ 568 (-44.91%)
Mutual labels: renderer, pixi
Pixi.js
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Stars: ✭ 34,982 (+3293.02%)
Mutual labels: renderer, pixi
React Tiny Dom
🍙 A minimal implementation of react-dom using react-reconciler
Stars: ✭ 432 (-58.1%)
Mutual labels: renderer
Voxel Cone Tracing
A real-time global illumination implementation using voxel cone tracing. Implemented in C++ and GLSL.
Stars: ✭ 555 (-46.17%)
Mutual labels: renderer
Pixi Js Starter Kit
Experiment starter kit using Pixi.js, TweenMax & Webpack
Stars: ✭ 6 (-99.42%)
Mutual labels: pixi
D Zone
An ambient life simulation driven by user activity within a Discord server
Stars: ✭ 466 (-54.8%)
Mutual labels: pixi
Rendy
State of the art "build your own engine" kit powered by gfx-hal
Stars: ✭ 750 (-27.26%)
Mutual labels: renderer
Webosu
➤⓵ web rhythm game (unofficial osu!) http://osugame.online/
Stars: ✭ 434 (-57.9%)
Mutual labels: pixi
Pixi Viewport
A highly configurable viewport/2D camera designed to work with pixi.js
Stars: ✭ 532 (-48.4%)
Mutual labels: pixi
Llgl
Low Level Graphics Library (LLGL) is a thin abstraction layer for the modern graphics APIs OpenGL, Direct3D, Vulkan, and Metal
Stars: ✭ 1,011 (-1.94%)
Mutual labels: renderer
Simply the best way to write PIXI applications in React
Write PIXI applications using React declarative style 👌
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].