Build this locally
A complete React + TypeScript project. Node 24 required.
Paste into an AI coding tool with terminal access. The prompt asks it to run and verify the app.
Start with a real scene in a complete React + TypeScript project. You can run it before signing in, creating a Developer app, or starting a trial.
Choose your first result
| What you want to build | Start here | Requirements |
|---|---|---|
| A local app showing a real 3D space | Public Five SDK starter | Node 24, WebGL, and network; no account or keys |
| A local app using your own VRs | Team API starter | The same project plus a Team-owned Developer app |
| An Argus reconstruction package | Argus Quickstart | App credentials, an input image batch, and task prerequisites |
| A SaaS VR generated from panoramas | Pano-to-VR | App credentials and a panorama ZIP |
Run the public scene
Use Copy starter prompt with an AI coding tool that can create files and run terminal commands. For manual setup, download the same project and follow Five SDK Quickstart.
Both paths use the official versioned starter, its pinned dependencies, and its lockfile. Open the local URL printed by the running project. Wait for Ready, drag to look around, switch Panorama and Floorplan, then reset the view.
You can also try the hosted public Demo.
Make the scene your own
Choose Open SDK examples in the local starter. The guides below use the example code included in that project:
- Load a scene — mount Work, show loading, and dispose the viewer.
- Camera and modes — move, look around, and save a view.
- Events and coordinates — pick a model point and place a label.
- Capture an image — export a PNG from the scene.
Use React lifecycle when bringing the viewer into an existing React app. Add Dnalogel spatial interfaces or Vreo guided experiences when your product needs them.
Connect your Team when you need its data
Follow Team API Quickstart in the same starter. Run npm run configure -- --device and open its verification link. Sign in, choose the owning Team and an enabled app, then select Authorize agent yourself. The helper writes the local server .env. If device authorization is unavailable, fill .env locally. Never paste SK or tokens into prompts or browser code.
Only a Team owner can create a Developer app. New apps receive the default 14-day trial. Each Team can have up to 10 Developer apps, including expired or disabled apps. See Team and App Management for ownership, app creation, trial status, and continued use.
Verify token exchange and the VR list first, then render a selected Team scene. An empty authorized list is a valid API result. A public Demo render does not prove Team API access.
<a id="reconstruct-a-panorama-when-you-need-a-new-scene"></a>
Reconstruct from an image batch
Argus Quickstart covers input requirements, reconstruction tasks, and checking the result. Start there to reconstruct multiple 2:1 panoramas or multiple 1:1 pinhole images. The result is a package of reconstruction outputs.
To create a SaaS VR from panoramas, follow Pano-to-VR, powered by Argus.
Find the next answer
- SDK task guides explain scene interactions.
- OpenAPI endpoint reference defines server requests and responses.
- Authentication explains app credentials and server-side access tokens.
- Join the Realsee Discord community for integration questions. Never share SK or tokens in community messages.