# Web Editor

The Web Editor lets you create and **edit spaces directly in your browser** — no VR headset required. It’s a fast and convenient way to iterate on your ideas, make quick adjustments, or collaborate without using a headset.

Designed to feel familiar, the Web Editor closely matches the ShapesXR VR app interface, so you can jump in immediately with no learning curve. While some VR-specific tools and settings are exclusive to the headset experience, the Web Editor gives you everything you need for efficient editing, content updates, and rapid prototyping.

<figure><img src="https://1564817110-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2Fmhva4wqgqyChlqfHEafd%2FScreenshot%202025-12-22%20at%2011.45.00.png?alt=media&#x26;token=5368f534-bf55-4f01-95f8-fcfd749b0f69" alt=""><figcaption></figcaption></figure>

#### **How to Start the Web Editor**

1. Go to the **Dashboard**.
2. **Create a new space** by clicking the **+New space** blue button available on any tab in the Spaces section. The new space will open in a new tab.

<figure><img src="https://1564817110-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2F6D8UOt7BAgBBMTzBtM7M%2FScreenshot%202025-12-22%20at%2011.20.52.png?alt=media&#x26;token=c1a731ec-245e-4d51-bef0-ff137b1805cd" alt=""><figcaption></figcaption></figure>

3. **Click on an existing space** so that the space page opens, and then click the blue **Open editor** button. The space will open in a new tab.

<figure><img src="https://1564817110-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2FVoWAUhCat9HXpLcCr1P7%2FScreenshot%202025-12-22%20at%2011.24.10.png?alt=media&#x26;token=a674f5f3-5307-47c6-b6cb-7b06ba79c831" alt=""><figcaption></figcaption></figure>

#### Basic Actions and Controls

You can find a list of **available controls and hotkeys** for moving and performing basic actions in the Web Editor on this [page](https://learn.shapesxr.com/web-editor/controls-and-hotkeys).

Also, you can **teleport by selecting a viewpoint** from the Viewpoints tab.

#### How to Spawn Objects

**Imported Files**

Open the **Assets** **tab** in the left-side menu, click on **My Files**, select the required asset from imported files, and **click it to spawn the asset** at the center of the screen.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2Fbv6z5dfuFuglwpfXaCfH%2Fspawn%20an%20asset.mp4?alt=media&token=5700cd55-89c2-47a2-ae02-621824cf74d5>" %}

**Built-in Assets**

Use **the panel at the top** of the screen to add a primitive to your scene.

<figure><img src="https://1564817110-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2FJNFFTngd0KV3oHQxqzj0%2FScreenshot%202025-12-18%20at%2015.31.53.png?alt=media&#x26;token=7d7d4e3d-9baf-4144-b152-98b065af88ce" alt="" width="375"><figcaption></figcaption></figure>

Alternatively, open the **Assets** **tab** in the left-side menu, select the required asset from the built-in Library, and **click it to spawn the asset** at the center of the screen.

**Text**

Use **the panel at the top** of the screen to add text to your scene.

<figure><img src="https://1564817110-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2F3uNE4TocszsflV7khVgV%2FScreenshot%202025-12-18%20at%2015.31.53%20copy.png?alt=media&#x26;token=fd44e524-0dc7-4ea3-98fa-bed0dfc69c04" alt="" width="375"><figcaption></figcaption></figure>

#### How to Edit Objects

When you select an object, the [Object Inspector](https://learn.shapesxr.com/object-inspector) opens in the right-side menu. It provides quick access to the **object’s settings**, allowing you to **edit properties** after creation and manage the object’s state in the space with greater precision.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2FtGDP6GPVhjTB41joRN03%2Finspector.mp4?alt=media&token=3ce4e366-15dd-4b76-b3bb-d4d17906d2b9>" %}

When an object is selected, [Gizmo](https://learn.shapesxr.com/objects-manipulation/gizmo) handles also appear on it. You can **move and scale** the object using the Gizmo or by adjusting values in the **Transform** section of the Object Inspector.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV5IFh3rk5kqfCwJPPYhE%2Fuploads%2FlvJDTPNYrdbx4br8E7r3%2Fgizmo.mp4?alt=media&token=5aeb1eca-9ff2-4181-8174-04cf007128d5>" %}

#### Manipulations with Frames

Go to the **Frames** **tab** in the left-side menu to manage frames in your space.

From the action panel at the bottom of the menu, you can duplicate frames, add empty frames, switch to the Background scene, and perform other actions.

**Right-click a frame** to rename, duplicate, or delete it.

#### Collaboration

Collaboration is supported in the web version of ShapesXR, making teamwork seamless across devices. You can collaborate in real time with other users working in VR or directly in the Web Editor — no headset required.

Web users can also take advantage of powerful features such as **Presentation** and **Scene Sync**, available based on their subscription plan.

Learn more about **Follow mode** on this [page](https://learn.shapesxr.com/web-editor/follow-mode), which enables Web Editor users to follow a VR user’s viewpoint for improved alignment and shared context.

{% hint style="warning" %}
Please note that voice chat is currently not available in the Web Editor.
{% endhint %}