Quick Start

If you need some help to get started, this is the right place.

Status and prerequisites

First of all, make sure that the requirements are met.

How To Use

MUIP is using the native Unity UI, so you can use the package just like the default Unity UI.

To create an object, you can click on Create and go to Modern UI Pack section. You can also right click to an object in hierarchy and spawn an element.

Some UI objects are using the Canvas Group component (mostly windows and panels). You’ll have to set their alpha value to 1 in order to see them, and set 0 to make them invisible. If you want to see a specific object/window while editing, you can simply set its alpha value to 1 to make it visible. You can do the opposite to make it invisible.

If you want to see a live example of how elements / systems work, you can also check out the demo scene.

UI Manager

Do you want to change the appearance of the entire UI at the same time? Well, we got you covered. UI Manager will basically change every single element, meaning that you won’t have to change stuff one by one.

You can open the window by clicking Tools > Modern UI Pack > Show UI Manager or just pressing Ctrl + Shift + M. That’s it, you’re all set! You can now expand the categories and start changing values.

Update Values

While this option is checked, Theme Manager will be updating UI elements dynamically. If not, you won’t be able to see any changes until you hit play (runtime). You can turn this off to gain more performance on the editor, just don’t forget to enable it while changing stuff. This feature is disabled in build mode, so it won’t have any effect on builds.

Extended Color Picker

If you want to see a more detailed color picker, enable this. This will be adding a hex code and an alpha slider right next to the color picker. 

UI Manager Hints

If you want to see some tips about the manager, then you can enable this.

Note that UI Manager values are universal and will affect any object that contains a Theme Manager component.