UltimateUIDocs
Archived upstream docs · Features depend on the installed plugin version; not all features have been verified.

UltimateUI guide

Creating the first UI

In this guide, you will learn how to create your first UI.

Creating UI#

To create a UI, use the command /uui create [name].

After entering the command, an editor will open where you can start creating your UI.

To add a new block, right-click and select New block from the dropdown menu. After that, a block will appear on your page, which you can edit.

To move a block, select the Move tool, then click and hold the left mouse button on the block and drag it to the desired position. You can also resize the block using the Scale tool.


Adding Interactions#

To make our box interactive when clicked, we can use the Actions tool (lightning icon). Select your block, then add interactions in the Actions tab on the right-side panel.

For example, let’s add an action that, when clicked, sends us a Hello world! message, waits 500 ms, and then closes the GUI.

To do this, click Add and choose Message from the dropdown menu. Then double click on the box that appeared and type Hello World in the chat.

Next, add a Delay and set it to 500 ms. Finally, add the Close action.

From now on, when the box is clicked in the GUI, it will perform these three actions.


Saving UI#

To save your UI, select File in the top bar, then choose Save as from the dropdown menu.

In the popup that appears, enter the name of your UI, optionally add a short description, and specify the command that will open your UI.

Once everything is filled in, you can click Confirm and test how your UI works.

Read nextTesting the UI