> For the complete documentation index, see [llms.txt](https://docs.soulsoftware.org/ultimategui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.soulsoftware.org/ultimategui/general/texturing/custom-gui.md).

# Custom GUI

## Introduction

Creating fully custom textured GUIs such as the following : 

<div><figure><img src="https://2662995235-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx7kSZOLSE6xf163HKnVq%2Fuploads%2FgzAlj1mLIixOJkIGf9A0%2Fimage.png?alt=media&amp;token=4526c57a-78af-4108-be7d-6747185d43fd" alt=""><figcaption></figcaption></figure> <figure><img src="https://2662995235-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx7kSZOLSE6xf163HKnVq%2Fuploads%2FF1YHJmS7LO8PSEQy6TYi%2Fimage3.png?alt=media&amp;token=d4b3e6db-baec-453a-aca3-bbd2e71a9bf0" alt=""><figcaption></figcaption></figure> <figure><img src="https://2662995235-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx7kSZOLSE6xf163HKnVq%2Fuploads%2Fgd2pvc6ZFiuKQG3nvdxS%2Fimage2.png?alt=media&amp;token=adcb630d-633e-4612-a490-d10e92bc1c92" alt=""><figcaption></figcaption></figure></div>

may seem like a daunting task however in reality is quite simple with the help of [ItemsAdder](https://www.spigotmc.org/resources/%E2%9C%A8itemsadder%E2%AD%90emotes-mobs-items-armors-hud-gui-emojis-blocks-wings-hats-liquids.73355/).

## Guide

1. Purchase, download, install, and setup the [ItemsAdder ](https://www.spigotmc.org/resources/%E2%9C%A8itemsadder%E2%AD%90emotes-mobs-items-armors-hud-gui-emojis-blocks-wings-hats-liquids.73355/)plugin.
2. Navigate to `\Plugins\ItemsAdder\contents\<name>\configs`
3. Create a file named `guis.yml`
4. File Contents:

```
info: 
   namespace: "<name>"
font_images: 
   menu: 
      path: "gui/your_image.png"
      suggest_in_command: false
      y_position: 47
```

5. Navigate to `\Plugins\ItemsAdder\contents\<name>\resourcepack\assets\<name>\textures\gui`
6. Insert your image (`your_image.png`)
7. In your GUI name insert in ":offset\_-16::menu:"

## Assets

<figure><img src="https://2662995235-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx7kSZOLSE6xf163HKnVq%2Fuploads%2Fm74OBLNZPigIyZGA3sYg%2Fgui.png?alt=media&amp;token=6e3c59ed-0563-400e-99ad-13df52aec89b" alt=""><figcaption><p>6 Rows</p></figcaption></figure>