> For the complete documentation index, see [llms.txt](https://docs.fullscreen.no/info/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fullscreen.no/info/game-creator-2-assets/nanosave/setup-guide/ui-example.md).

# 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.