Unclaimed Package Is this your package? Claim it to unlock full analytics and manage your listing.
Claim This Package

React Unity

ReactUnity/core 858

Build declarative UIs in Unity using React. React Unity enables developers to create dynamic interfaces with React components, TypeScript support, CSS/Flexbox styling, and integration with popular libraries like Redux and React Router. Leverages TextMesh Pro for rendering.

com.reactunity.core
ReactFrameworkUIUGUIUIToolkitopenupmreactreact-rendereruguiuiunityunity3d

Install via UPM

Add to Unity Package Manager using this URL

https://www.pkglnk.dev/reactunity-core.git

README Markdown

Copy this to your project's README.md

Style
Preview
pkglnk installs badge
## Installation

Add **React Unity** to your Unity project via Package Manager:

1. Open **Window > Package Manager**
2. Click **+** > **Add package from git URL**
3. Enter:
```
https://www.pkglnk.dev/reactunity-core.git
```

[![pkglnk](https://www.pkglnk.dev/badge/reactunity-core.svg?style=pkglnk)](https://www.pkglnk.dev/pkg/reactunity-core)

Dependencies (2)

Editor Coroutines 1.0.0Newtonsoft Json 3.0.2

README

React Unity

openupm Discord Codecov Tests

React Unity is a way to build declarative UI in Unity3D using React. It can be used together with packages like Typescript, redux, i18next, react-router and more. It also supports a subset of CSS features and Flexbox layout system.

Requirements

Node is only used while developing and not required in runtime or after the project is built. Following are the minimum recommended versions. Use latest stable versions when possible.

  • Node 20
  • Unity 2021.3
  • TMPro v3

Installing

Install via OpenUPM (recommended)

npx openupm-cli add com.reactunity.core com.reactunity.quickjs

Or add using the package manager with the git URL

https://github.com/ReactUnity/core.git#latest

Usage

  • Create a canvas and add ReactRendererUGUI component to it
  • Run npx @reactunity/create@latest in your Unity project root to create a React project
  • Install all dependencies npm intall from React project
  • Run npm run start from React project
  • Click play in Unity

Visit the documentation on the main website to learn more.

Known Issues

  • Low documentation coverage

Most of ReactUnity's features are not well documented yet. All questions, bug reports and requests are welcome. You can share them by opening issues or posting them in the Discord server.

Resources and References

Related Packages

MessagePack MessagePack is an extremely fast serializer for C# that converts objects to compact binary format. It delivers 10x faster performance than alternative serializers, making it ideal for games, networking, and real-time applications. Built-in LZ4 compression support, broad type compatibility, and optimized code generation ensure efficient data transmission and storage across networked and distributed systems. MessagePack-CSharpProjectlearn A curated list of project tutorials for project-based learning. XtremiliciousXCharts A charting and data visualization library for Unity. Support line chart, bar chart, pie chart, radar chart, scatter chart, heatmap chart, ring chart, candlestick chart, polar chart and parallel coordinates. XCharts-TeamProcedural Toolkit Procedural Toolkit is a procedural generation library for Unity that provides core utilities and algorithms for building PCG systems. It offers random generation helpers, mesh generation, and mathematical utilities to streamline procedural content creation. Requires Unity 2022.3 LTS or later and is installable via Package Manager or Asset Store. Syomus

Comments

0/1000

No comments yet. Be the first!