index file template

Your first Web AR Project

In this tutorial, you will learn how to create a very simple Web AR Project with an image.

1. Create your account

First of all, you will need an XR.+ account, so go to the register page and create a free acount. Follow the steps to complete your registration, and now, let’s start your project!

On the XR+ studio home screen, click on the “Create your first project” button.

2. Create your first project

Here you can choose a project template to see the possibilities of the studio, in this tutorial, we will use “Empty project”. Name your project and click on “Create project”.

You can choose a mode for your project between Web AR or Web VR (fort smart glasses or VR headset). In this case, we will use the Web AR mode.

3. Import an image

Welcome to the main project edition screen! Open your assets library by clicking on “Open library”, which is empty for now.

Import your image by clicking on the button named “Import a File”, then click on the “Add to composition” button.

4. Add the asset to the composition

Now, we have your image in the 3D space of the editor. You can move it by selecting one of the two main tools of the view in the bottom left corner. Place it at your will. You can resize it or move it by entering the coordinates in the coordinates bar at the bottom of the 3D view.

5. And you’re done!

Your project is already published and live, above to the QR code, you can see the public link to the project, in this case: (yours will be different).

Type this web address on your phone web browser or scan the QR code in the editor to view the project in web augmented reality.

Congratulation you’ve made it!


XR.+ provides the highest level of compatibility with smartphones to deliver advanced AR / VR experiences to 3+ billions of end users

Web AR

We support all major browsers on Android and Safari on iOS phones

 iOS: 98%
iPhones and iPads running on iOS 11 or newer, that’s all iOS devices launched since 2016

Android: 95%
Android phones launched since 2017 with a minimum of 2GB RAM

Together, that’s 96% of phones compatible

XR+ webAR experiences are compatible with all major mobile browsers

ChromeSafariFirefoxSamsung internetEdge

Web VR

we support Oculus Quest, Oculus Go, and the combo Firefox / Chrome + Oculus Rift / HTC Vive on desktop computers. If webVR is not available, the experience is displayed centered on the computer screen.

Assets library

Import assets to the project library so you can add them to the composition. Each asset can be added once or multiple times on each page of the composition.

What can be imported to the library?

3D models

You can import .obj.fbx and .glb (compressed gltf) 3D models up to 12 MB.
The 3D models can be animated.
We recommend importing 3D models with less than 100 000 triangle faces (polygons).


You can import .jpg and .png images (including transparent png files)


You can import .mp4 videos files

Maximum resolution: 1920x 1080 pixels.
Maximum size: 50MB 

Audio files

You can import .mp3 files up to 10 MB.


Each XR+ project is made of one or several scenes, on the basic plan your have have up to 5 scenes, but this limit is raised to 10 or more on the advanced and expert plans.

Each scene is independent, you can setup actions to switch between scenes, take a look at the bird slideshow template for an example of a multi scene project

Open template

You can activate the timeline on the scenes to setup in & out timings for each of the scene items


Create skins to customize the design of the loading and start screens of your experiences.

They key screens that can be customized are the loading screens and the main screen.