Skip to content
RNUEReact Native for Unreal Engine
A · You write01

React Native

Take your familiar workflows: Components, hooks, Flexbox, npm

Get started →Read the docs ↗
B · It runs in02

Unreal Engine

and turn them into natively rendered Slate user interfaces.

How it works ↓
← open me
1import { View, Image } from 'react-native';
2import { TradeNav, Panel, ItemDetails, KeyPrompt } from './ui';
3import { useInventory } from './useInventory';
4import { s } from './styles';
5
6export function TradeScreen() {
7 const { shop, bag, selected, select } = useInventory();
8 return (
9 <View style={s.screen}>
10 <TradeNav active="trade" />
11 <View style={s.row}>
12 <Panel title="Shop" filters="left"
13 items={shop} selected={selected} onSelect={select} />
14 <View style={s.preview}>
15 <Image source={selected.render} style={s.render} />
16 <ItemDetails item={selected} />
17 </View>
18 <Panel title="Inventory" filters="right"
19 items={bag} selected={selected} onSelect={select} />
20 </View>
21 <KeyPrompt keyName="Esc" label="Back" />
22 </View>
23 );
24}
mainTradeScreen.tsxTypeScript JSXHover a line →
FileEditWindowToolsBuildSelectActorHelp
HelloWorld
Lvl_HelloWorld
Selection ModePlatforms
1010°Perspective
Playing · PIE
Output Log×
LogReactNativeRuntime: Creating AppDelegateNativeRuntime
LogReactNativeRuntime: Loading script: http://localhost:8081/index.bundle
LogReactConsole: Running "HelloWorld" with {"rootTag":1}
LogReactConsole: TradeScreen rendered · shop 12 · bag 10
LogReact: Registered surface 1 · 1360×765
Content DrawerOutput LogCmd
01 How it works

Look ma,
no browser!

This isn’t another WebView. It turns your React components into native Slate widgets. You get all the speed of Slate with all the power of React.

InReact Native components
  • <View>
  • <Text>"Awesome Game"
  • <View>
  • <Text>"Continue"
  • <Text>"Settings"
  • <Image>
rnue Unreal Plugin
OutNative Slate components
  • SReactViewVisible0x7FF6A41C2E00
  • SReactTextVisible0x7FF6A41C3A40
  • SReactViewVisible0x7FF6A41C4180
  • SReactTextVisible0x7FF6A41C4DC0
  • SReactTextVisible0x7FF6A41C5500
  • SReactImageVisible0x7FF6A41C5C40

We built a new out-of-tree platform  on top of the React Native C++ core that translates React into fully native Slate user interfaces and packaged it as an Unreal Engine plugin.

The plugin connects your React code to all of Unreal’s systems natively, without any overhead from a browser.

It works on PC, macOS, iOS and Android with support for consoles coming soon.

02 Familiar

You already know all the basics.

It’s just React Native and Unreal.

Bring your View, Text, Image and Pressable, StyleSheet and flex layout. Use it with Metro and your favorite package manager.

You can combine it all with the magic of shaders, in-world actor components, render targets and photorealistic 3D graphics in Unreal Engine.

Skill treeNew Game+ · skills carry overSkill points 1

Two branches meet at one node. Seven React Native skills and seven Unreal Engine skills, drawn as learned: whichever side you come from, one branch is already yours. Both lead to Add to Viewport, which costs one skill point. Beyond it, the two join into one branch, RNUE: eight topics from the docs, not reached yet.

  • React Native. Start of the React Native branch.
  • Components. Learned, rank 1 of 1.
  • Pressable. Learned, rank 1 of 1.
  • StyleSheet & flex layout. Learned, rank 1 of 1.
  • npm. Learned, rank 1 of 1.
  • Metro. Learned, rank 1 of 1.
  • SVG. Learned, rank 1 of 1.
  • AppRegistry. Learned, rank 1 of 1.
  • Unreal Engine 5. Start of the Unreal Engine branch.
  • Blueprints. Learned, rank 1 of 1.
  • Enhanced Input. Learned, rank 1 of 1.
  • Levels & actors. Learned, rank 1 of 1.
  • Materials & shaders. Learned, rank 1 of 1.
  • Render targets. Learned, rank 1 of 1.
  • Niagara. Learned, rank 1 of 1.
  • UMG · Create Widget. Learned, rank 1 of 1.
  • Entry points. React Native for Unreal Engine.
  • TurboModules. React Native for Unreal Engine.
  • Save data. React Native for Unreal Engine.
  • Codegen. React Native for Unreal Engine.
  • Shipping bundle. React Native for Unreal Engine.
  • Events & promises. React Native for Unreal Engine.
  • Dev on device. React Native for Unreal Engine.
  • Platforms. React Native for Unreal Engine.
Read the docs
to level up
Ship game UI
like it’s 2026.
Get started →Docs ↗