explaingit

facebookarchive/react-360

★ 8,711JavaScriptAudience · developerComplexity · 3/5LicenseSetup · moderate

TLDR

Archived Facebook framework for building browser-based 360-degree and VR experiences using React, lets web developers author immersive content without specialized VR tooling.

Mindmap

mindmap
  root((React 360))
    What it does
      360 experiences
      VR in browser
      No install needed
    Tech
      React
      WebGL
      WebVR
    Setup
      react-360-cli
      npm start
      localhost 8081
    Status
      Archived
      No new updates
      BSD licensed
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a 360-degree virtual tour that runs in a standard browser with no plugin or app install required.

USE CASE 2

Prototype a WebVR experience using familiar React component patterns instead of specialized VR tooling.

USE CASE 3

Deploy an interactive 360 panorama to a web page that works on both desktop browsers and VR headsets.

Tech stack

JavaScriptReactWebGLWebVRNode.js

Getting it running

Difficulty · moderate Time to first run · 30min

This repository is archived and no longer maintained, new projects should use an actively supported WebXR framework instead.

Use freely for any purpose, including commercial use, with attribution, the BSD license requires keeping the copyright notice.

In plain English

React 360 is a framework for building interactive 360-degree and virtual reality experiences that run inside a web browser. It was created by Facebook and uses web graphics APIs (WebGL and WebVR) to render immersive content across different devices, from a standard desktop browser to a VR headset. Because it is built on top of React, developers who already know React can apply those same patterns to build 360-degree applications. This repository is now archived under the facebookarchive organization, meaning it is no longer actively maintained. The project includes a command-line tool called react-360-cli that sets up a new project with a working structure in minutes. You install it once via npm or yarn, then run react-360 init PROJECT_NAME to create a new app. After that, npm start launches a local development server and you open http://localhost:8081/ in your browser to see your application. The main code lives in an index.js file that you edit to build out the experience. The aim of the framework was to make 360 content approachable for web developers by keeping the authoring model close to standard React, rather than requiring specialized VR tooling. The output runs in browsers without requiring users to install anything extra. The project is BSD licensed, which means it is free to use and modify. Because the repository is archived, it receives no new features or bug fixes, so teams starting new projects today would need to look for an actively maintained alternative.

Copy-paste prompts

Prompt 1
How do I scaffold a new React 360 project with react-360-cli and get a 360 scene running in the browser in under 10 minutes?
Prompt 2
Show me how to add interactive hotspot buttons to a 360 panorama in React 360 so clicking them triggers a scene change.
Prompt 3
How do I import an equirectangular 360 image as the background in React 360 and position 2D UI panels in front of it?
Prompt 4
What actively maintained WebXR frameworks should I use today instead of React 360 for a new project?
Open on GitHub → Explain another repo

← facebookarchive on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.