UI Toolbox logoUI Toolbox

Video tutorials

Each video records the Unity editor step by step, with a caption at each step. Most videos build a screen in UI Builder with no code. The Notifications, Callouts and Data grid videos also write a short C# script and press Play.

The videos are on the Magikorp YouTube channel. Each video description has chapters, so you can go to one step.

Start here

Video Shows Read next
Quick start The Setup Wizard makes a workspace with windows and a toolbar in one minute. Quick start, Setup Wizard
Windows Two windows in a workspace, with no code: the Id and Title of a window, then move and resize in Play mode. Create windows
Toolbar and windows A toolbar button that opens a window, with no code. Toolbar buttons
Docking A window that docks at the side of the screen. Tab groups and dock zones
Themes Pick the theme of a workspace, and let the player change it. Theme API, ThemeSelector
Settings screen A settings screen in UI Builder, with cards and fields. Build a screen in UI Builder

Controls with no code

Video Shows Read next
Pie chart A chart of loot in UI Builder. PieChart
Bar chart A week of gold in a bar chart. Graph
Gauge A speedometer in UI Builder. Gauge
Spider chart The stats of two characters, compared. SpiderChart
Skill tree A skill tree that the player unlocks with clicks. UnlockTree
Timeline A timeline of music and lights. Timeline
Wizard A character creation wizard with three steps. Wizard

Controls with a script

Each of these videos has three parts: the screen in UI Builder, the C# script, and the result in Play mode.

Video Shows Read next
Notifications A Save button that shows a notification, with three lines of C#. Notifications
Callouts A welcome hint that points at the Start button and closes on a click. Callout
Data grid A table of units from a list in code, sorted with a click on a column. DataGrid