Now Live Studio scenes drop straight into ViroReact, design in browser, render natively AR for React Native

AR for React Native and Expo,
Built in Your Browser.

Design AR scenes visually in ReactVision Studio, then drop a single ViroReact component into your React Native or Expo project. Native ARKit and ARCore performance, no Unity, no 3D modelling skills, no native bridges to wire up.

iOS
ARKit
Android
ARCore
Expo
Supported
HorizonOS
Supported

Browser to AR in three steps.

ReactVision Studio is the visual editor. ViroReact is the renderer. Together they take an AR scene from your browser to your user's pocket, with one component in between.

Step 01 - Studio
Design in your browser

Open Studio, drag in 3D models, anchor them to surfaces or world coordinates, set up animations and interactions. Preview live on device with StudioGo as you build. No code, no engine to learn.

Drag-and-drop Live preview
Step 02 - Component
Drop in one component

Studio publishes your scene to your ReactVision project. In your React Native or Expo app, import ViroStudioScene and pass the scene ID. That's the integration.

ViroStudioScene TypeScript
Step 03 - Ship
Native AR on iOS and Android

ViroReact compiles your scene to native ARKit and ARCore draw calls. Your AR runs at hardware speed across every supported device, from one codebase. Update the scene from Studio without redeploying.

ARKit ARCore OTA scenes

What the integration looks like.

One install, one import, one component. The same primitive works across every Studio scene you build.

// 1. Install ViroReact in your React Native or Expo project
$ npm install @reactvision/react-viro
 
// 2. Import the Studio scene component
import { StudioSceneNavigator } from '@reactvision/react-viro';
 
// 3. Drop the component into your app
<StudioSceneNavigator />
Development build required. ViroReact does not run in Expo Go because AR APIs need native modules. You will need a development build to test on device, and AR requires a physical iOS or Android phone, simulators and emulators are not supported.

Built for the stack you already use.

ViroReact is a first-class React Native library. If your team ships React Native or Expo apps, you have the skills already. There is no new engine to learn, no new language to adopt.

Native performance, not WebAR

ViroReact compiles to true native ARKit and ARCore draw calls, not a browser canvas. You get hardware-speed rendering, occlusion, PBR lighting, and shaders, the same primitives the platform vendors give to native devs.

Full Expo support

Use Expo with development builds. Our Starter Kit ships as an Expo + TypeScript project with working AR demos ready to run on your device, no manual native setup required.

TypeScript and JSX, not C#

Declarative components, typed props, familiar React patterns. No new compiler, no proprietary editor, no runtime fees. Your existing CI, linting, and testing all just work.

AI-friendly stack

React Native is one of the best-understood codebases in the world for AI coding agents. Clean JSX and typed props mean your AI tools, Cursor, Claude Code, Copilot, can reason about your AR scene the same way they reason about any other React component.


React Native AR vs Unity vs WebAR.

Three real choices for shipping AR on mobile. This is how the full ReactVision stack, Studio, Platform, and ViroReact, lines up against the alternatives.

Capability WebAR Unity AR Foundation ReactVision Studio + Platform + ViroReact
Stack and language JavaScript / WebGL C# + Unity Engine TypeScript + React Native
Visual scene editor Varies by library Unity Editor, C# scripting required Studio in your browser, no code required
AI 3D asset generation Third-party only Third-party only Built into Studio
Cloud and Geospatial Anchors Third-party services Self-managed Google Cloud Built into Platform
Open source renderer Mixed by library Proprietary engine ViroReact, MIT licensed
Rendering Browser canvas (WebGL) Native Native via ARKit and ARCore
Cost at scale Per-view fees common $2,200 / seat / yr above $200K revenue Free renderer, tiered Platform
Distribution URL, no install Native app install Native app install
Team ramp-up Days for web devs Months, new engine and language Days for React Native devs

ReactVision wins almost everywhere, especially if you are already shipping a React Native or Expo app.


Common questions about React Native AR.

The short answers to what teams ask before they start building.

Can you build AR apps with React Native?

Yes. ViroReact has been the answer to that question since 2017. It is the most widely used open-source AR and VR library for React Native, used in production by retail, education, and entertainment apps on iOS and Android. Learn more about ViroReact.

Does it work with Expo?

Yes, ViroReact has full Expo support. You will need to run an Expo development build rather than Expo Go, AR APIs require native modules that Expo Go does not include. Our Starter Kit is an Expo + TypeScript template that handles the dev-build setup for you.

Do I need to know 3D modelling or shaders?

No. ReactVision Studio is built for developers who do not want to learn Blender. Build scenes visually in the browser, drag in models, set anchors, configure animations. Studio has AI-powered 3D asset generation built in, so you can spin up models from a text prompt without leaving the editor. If you would rather bring your own, ReactVision supports OBJ, FBX, and GLTF/GLB directly.

Can I update the AR scene without redeploying my app?

Yes. The scene lives in your Studio project. Edit it in the browser, publish, and connected apps pull the new scene the next time they load it. Your app binary stays the same.

What does it cost?

ViroReact is MIT licensed, free forever, and fully open source, no paywalls, no feature tiers, no runtime fees. Scene editing and platform features like Cloud and Geospatial Anchors are available via Studio on a free tier, with paid tiers for production-ready apps. ReactVision scales with you.

How does this compare to Unity AR Foundation or 8th Wall?

Unity gives you a full game engine in C# with months of ramp-up if your team does not already use it. 8th Wall is browser-based, so you trade native performance for no-install access. ViroReact sits between the two, native ARKit and ARCore performance through familiar React Native APIs, with team ramp-up in days, not months.


Start building AR for React Native.

Open Studio in your browser, design a scene, and drop the ViroReact component into your React Native or Expo app.

$ npm install @reactvision/react-viro

Support

Community

Have a quick question or need feedback? Jump into our Discord for real-time chat, or post on r/ReactVision to get answers, code samples, and tips from thousands of fellow builders.

ReactVision Partners

Need deeper help? Engage a trusted ViroReact Partner. Certified agencies and consultants can architect, build, or optimise your XR app, run performance audits, and guide store launches so you ship faster with confidence.

Find a Trusted Partner
Find a Trusted Partner Logo, a white checkmark

© 2025 - 2026 ReactVision, Inc. All rights reserved.

Site version 2.1.0

llms.txt | Sitemap | Studio Privacy Policy | Play AR Privacy Policy