React Unity

React Unity is a way to build interactive UI in Unity3D using the popular React framework and Typescript. It is designed to support CSS-like features and Flex layout system.

Requirements

• Node.js version 12 is required on the development machine
• Tested in Unity 2019.3 and 2020.1

Installing

Install via OpenUPM

openupm add com.reactunity.core

Or add manually by editing manifest.json

{
  "dependencies": {
    "com.reactunity.core": "https://github.com/ReactUnity/core.git",
    ...
  },
}

Usage

• Create a canvas and add ReactUnity component to it
• Run npm init @reactunity to create a React project in your Unity project root
• Run npm start from React project
• Click play

Read the detailed instructions in wiki. Also check the sample project.

Issues and Contribution

Please feel free to share all your questions, proposals and feedbacks by opening issues. This package is in its early stages and looking for constructive feedback.

Resources and References

• Full Unity Project Sample and Demo
• React Unity Renderer (npm package)
• npm init @reactunity
• React
• Yoga
• Jint