> 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="https://756218607-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv2D32cRkVCHsF9VcmKPA%2Fuploads%2FpC1SsUDRsgXv290b2LUQ%2FImage%20Sequence_006_0003.png?alt=media&amp;token=ed308adb-6357-41f0-8036-fe33496466d6" 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.