react-pixi - Create/control a Pixi.js canvas using React

  •        35

This library works with React 15. If you are using React 16, look at react-pixi-fiber or a different library also called react-pixi. Create/control a Pixi.js canvas using React.

https://github.com/Izzimach/react-pixi

Dependencies:

@types/pixi.js : ^4.4.2
@types/react : ^15.0.21
@types/react-dom : ^0.14.23
brfs : ^1.4.1
fbjs : ^0.7.0
ify-loader : ^1.0.3
object-assign : ^4.0.1

Tags
Implementation
License
Platform

   




Related Projects

react-three - React bindings to create and control a 3D scene using three.js

  •    Javascript

Create/control a three.js canvas using React. To use React for drawing 2D using WebGL, try react-pixi.

pixi

  •    Javascript

The aim of this project is to provide a fast lightweight 2D library that works across all devices. The PixiJS renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast. PixiJS is a rendering library that will allow you to create rich, interactive graphics, cross platform applications, and games without having to dive into the WebGL API or deal with browser and device compatibility.

pixi-particles - A particle system for PixiJS

  •    TypeScript

A particle system library for the PixiJS library. Also, we created an interactive particle editor to design and preview custom particle emitters which utilitze PixiParticles. Please see the examples for various pre-made particle configurations.

react-ape - 🦍• [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL

  •    Javascript

React Renderer to build UI interfaces using canvas/WebGL. React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainly a renderer focused on creating things for TV, PS4, Nintendo Switch, PS Vita, PS3 and low memory devices. If you're curious about the name: It's a "joke" with Netflix's React Gibbon renderer. I choose to use Ape then.

react-planner - :pencil2: A React Component for plans design

  •    Javascript

react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.


react-native-webgl - Implements WebGL for react-native

  •    Objective-C

react-native-webgl implements WebGL 1 in React Native. Ths library exposes a WebGLView that implements WebGL in React Native.

react-avatar-editor - Avatar & profile picture component editor

  •    Javascript

Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. The resulting image will have the same resolution as the original image, regardless of the editor's size. If you want the image sized in the dimensions of the canvas you can use getImageScaledToCanvas.

pixi-filters - A collection of filters for pixi.js v4

  •    Javascript

Click here to interactively play with filters to see how they work. All filters work with PixiJS v4.

gl-react - [gl-react v3 alpha] – a React library to write and compose WebGL shaders

  •    Javascript

This repository hosts gl-react v3. For gl-react v2, please see ProjectSeptemberInc/gl-react. gre/gl-react repository is a complete rewrite of ProjectSeptemberInc/gl-react library (gl-react v2). It plans to be the gl-react v3. We keep both repository at same time because (1) this work is not yet finished and (2) this repository is now a "multi libraries" repository (it's just easier to maintain that way).

react-id-swiper - A library to use idangerous Swiper as a ReactJs component.

  •    Javascript

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

G3D - A pure 3D render engine compatible with webgl, running both in browser and gcanvas.

  •    Javascript

G3D is a javascript 3D engine based on WebGL. Compared with other WebGL 3D engines, G3D is a pure render engine, which means it depends on no DOM APIs but just a canvas(or canvas-like) object. This feature makes it possible that G3D works not only in browser but also in some hybrid environments like GCanvas (Weex or ReactNative). See website for more information.

bemuse - ⬤▗▚▚▚ Web-based online rhythm action game

  •    Javascript

Bemuse is an open-source, online, web-based rhythm game. It plays songs in BMS format (See: Introduction to BMS). It is recommended to play this game on Google Chrome.

react-canvas - High performance <canvas> rendering for React components

  •    Javascript

React Canvas adds the ability for React components to render to <canvas> rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

the-road-to-learn-react - The Road to learn React: Your journey to master plain yet pragmatic React

  •    

The official repository for The Road to learn React. In addition, here you can find the Source Code and Complete Course. If you want to leave a review, you can do it on Amazon or Goodreads. This book is hosted on Leanpub as well. You can help to improve the book by opening Issues and Pull Requests (PR).

sri - Build truly native cross platform (web,ios,android) apps using scalajs and react, react-native ,This project moved to new organization : https://github

  •    Scala

Sri (Scala React interface) is a scalajs library to build truly native cross platform (mobile (ios and android) and web) applications. It is based on reactjs and react-native, so you must be familiar with them in order to use this library.

react-native-off-canvas-menu - Beautifully crafted off canvas menu components for react native applications

  •    Javascript

Beautifully crafted off canvas menu components for react native applications. Created with React Native Animated library. The component is compatible with Android only. There is an example app with this repository in the example folder.