# Annotations to the model for iOS devices

**URL:** <https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266>\
**Category:** Technical Support\
**Tags:** cloud-editor\
**Created:** [October 22, 2024, 1:01pm UTC](https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266 "2024-10-22T13:01:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kuldeep\_Tanwar](https://avatars.discourse-cdn.com/v4/letter/k/43a26b/32.png) [@Kuldeep\_Tanwar](https://forum.8thwall.com/u/Kuldeep_Tanwar)\
**Post date:** [October 22, 2024, 1:01pm UTC](https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266/1 "2024-10-22T13:01:33Z")

</div>

Is it possible to add annotations alongside a 3D model in a WebAR experience for **iOS** and Android devices on browsers like Chrome and Safari using 8th wall editor?

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [October 22, 2024, 1:06pm UTC](https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266/2 "2024-10-22T13:06:09Z")

</div>

Do you have an example? Are you trying to display device information in the scene? The more details the better. 😃

---

<div class="post-metadata">

**Author:** ![Kuldeep\_Tanwar](https://avatars.discourse-cdn.com/v4/letter/k/43a26b/32.png) [@Kuldeep\_Tanwar](https://forum.8thwall.com/u/Kuldeep_Tanwar)\
**Post date:** [October 22, 2024, 1:20pm UTC](https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266/3 "2024-10-22T13:20:16Z")

</div>

I am currently working on a WebAR project where I have a 3D model consisting of several parts. I want to implement a feature where, upon clicking the model, it “explodes” (i.e., separates into its individual parts), and I would like to add a button that, when clicked, displays annotations with the names and descriptions of each part.

Here’s what I envision:

1. **Exploding Effect** : When the user clicks on the model, it should animate to show its parts spreading out.
2. **Annotations** : After the model explodes, there should be a button that, when clicked, reveals annotations that list the names and descriptions of each part.

Could you provide guidance or examples on how to achieve this in a WebAR context, particularly using studio if possible or in editor Any help with code snippets or tips on animation and annotation display would be greatly appreciated.

 ![image](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/c/c52a19053b3f92bc5275f577b7a0db23c7ca8575.png)

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [October 22, 2024, 4:03pm UTC](https://forum.8thwall.com/t/annotations-to-the-model-for-ios-devices/3266/4 "2024-10-22T16:03:04Z")

</div>

Take a look at [this example project](https://www.8thwall.com/8thwall/spatial-audio), by combining the use of UI in 3D space, similarly to how we did the pause and play buttons here, and an animated model you can recreate the effect.