# Elements

Elements are the basic blocks you use to build an experience. Use the Add (+) icon to add elements. 

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FjAeRiRn09Y2fetGd8jP9%2FElementsWithMarkup.png?alt=media&#x26;token=038b15e7-bb3f-430a-9069-a03227cdd0ef" alt=""><figcaption><p>Add Panel</p></figcaption></figure>

You can check all elements added to your scene in the Structure Panel

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FBw5XZKtGQ2UL6W6b9yDS%2FStructurePanelMarkup.png?alt=media&#x26;token=e449285e-a0b6-48a8-b94b-1862281e51cb" alt=""><figcaption><p>Elements in the Structure Panel</p></figcaption></figure>

{% hint style="success" %}
The unit used in GMetri for 3D placement is **meters**.

The unit used in GMetri for rotations is **degrees**.
{% endhint %}

## Universal Elements

Universal Elements work in VR Mode also

### Panorama

* Image 360
* Video 360

### Standard

* [Image](https://docs.gmetri.com/metaverse/build/elements/image)
* [Video](https://docs.gmetri.com/metaverse/build/elements/video)
* Text
* [GIF](https://docs.gmetri.com/metaverse/build/elements/gif)
* Emoji
* Hotspot

### Audio

Also, check [Audio Optimizations](https://docs.gmetri.com/guidelines-compatibility/guidelines/experience-optimizations/audio-optimizations).

* [Audio](#audio)
* [Text-to-Speech](https://docs.gmetri.com/metaverse/build/elements/texttospeech)

### Polygons And Shapes

* 3D Model
* Polygon
* Cube
* Sphere
* Cone
* Torus
* Cylinder
* [Light](https://docs.gmetri.com/metaverse/build/scenes/3d-scene/lights)
* [Zone](https://docs.gmetri.com/metaverse/build/scenes/3d-scene/zones)
* [Collider Volume](https://docs.gmetri.com/metaverse/build/scenes/3d-scene/colliders)
* [Collider Mesh](https://docs.gmetri.com/metaverse/build/scenes/3d-scene/colliders)

## HTML only Elements

{% hint style="warning" %}
Beyond this point, the elements you add to the scene don't automatically show up in the editor. They only show in the Structure Panel.&#x20;

For most such elements in order to use them, you need to add a rule that says&#x20;

`when <something happens> then <Element> should appear`
{% endhint %}

{% hint style="danger" %}
All elements below (except Score and Timer) are elements that work only in the browser mode and **Not in VR Mode**. If you are designing for VR, restrict yourself to the elements above (along with Score and Timer).
{% endhint %}

* [Screenshare](https://docs.gmetri.com/metaverse/multiplayer/screenshare)
* [Character](https://docs.gmetri.com/metaverse/build/elements/character)

### Spatial

* AR
* QR Browser
* QR Matcher

### Gamification

* Score
* [Timer](https://docs.gmetri.com/metaverse/build/elements/timer)
* Quiz&#x20;

### User Input

* Capture Input
* Media Upload

### User Interface

* [Actionbar](https://docs.gmetri.com/metaverse/build/elements/actionbar)
* Pop-up
* Product Card
* Story

### Connect

* Embed HTML. (Check [embedhtml-snippets](https://docs.gmetri.com/guidelines-compatibility/guidelines/workflows/embedhtml-snippets "mention"))
* Share
* [SCORM](https://docs.gmetri.com/metaverse/integrations/scorm)