# UI Example

{% hint style="info" %}

## Example UI Requires TextMeshPro Essentials

**NanoSave** supports Legacy UI, but the example UI elements use TextMeshPro, as Unity's old UI Text is now legacy. To view the examples, install TMP Essentials (**Window → TextMeshPro → Import TMP Essential Resources**). All components support **TextReferences**, so if you prefer Legacy UI, you can switch to using Text instead of TMP.
{% endhint %}

<figure><img src="/files/7wPaB3BT3y5fiQaYXto5" alt=""><figcaption></figcaption></figure>

The example scene can be found in the **Plugins > GameCreator > Installs > NanoSave.Examples\@1.0.0 > Scenes folder**

The example prefabs can be found in the **Plugins > GameCreator > Installs > NanoSave.Examples\@1.0.0 > Prefabs folder**

## Creating your own UI

We recommend you to use an example UI as a starting point instead of making one from scratch.&#x20;

• **Duplicate the example UI** before making any modifications.&#x20;

• **Avoid modifying the original example UI** so that future NanoSave updates won’t overwrite your custom work.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.fullscreen.no/info/game-creator-2-assets/nanosave/setup-guide/ui-example.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.