Quick Start
Just got the asset? Newbie? Get started quickly.
Status and Prerequisites
First of all, make sure that the requirements are met.
Built-in
URP
HDRP
Windows
MacOS
Linux
WebGL
iOS
Android
VR
Unity 2019.4 and higher
Unity 2019.3 and below
Input System (New)
Input Manager (Old)
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, so you don’t have to deal with them one by one.
You can click on Tools > DreamOS > Show UI Manager to open it up. You can now expand the categories and start tweaking. If you want, you can also add the ‘UI Manager Element’ component to any of your Image or Text objects to change their values via UI Manager.
Update Values
With this option checked, UI Manager will dynamically update UI elements. If not, you won’t see any changes until you hit play (runtime). You can turn this off for more performance in the editor, just remember to enable it when modifying items. 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.
Keep in mind that UI Manager values are universal and will affect all objects containing any UI Manager component.