---
title: MoJo (UI) - Add Widgets.
slug: mojo-ui-add-widgets
icon: ❇️
docTags: 
createdAt: 2025-02-10T11:18:52.898Z
---

### MoJo Widget Builder UI


Open MoJo by accessing it from the top SiNi dropdown menu.

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-C3G9JEnUx25yg5VyhSagE-20250228-082210.jpg)

### 01. Drop Down Menu

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-KgQiRzJmhspd5apndSxB7-20250224-120903.jpg)

Use the dropdown menu to isolate specific plugin tools to select from.

### 02. Layout Format 

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-U7ITf7wBYqP-Vx8hQ9zFy-20250228-082258.jpg "Widget Builder - Vertical Layout")

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-W663UJoDWHLnQaOv2AHhU-20250228-082332.jpg "Widget Builder - Horizontal Layout")

Sets out MoJo Widgets in a horizontal or vertical format. 

The screenshots below show the resulting horizontal and vertical layouts in MoJo.

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-DPVPLWzFdfduj_OupFTCE-20250224-132443.jpg "Horizontal MoJo Layout")

::Image[]{src="https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-pvcAUIYVM4tMXJ2aNXmnq-20250224-120055.jpg" size="50" width="273" height="460" position="center" caption="Vertical MoJo Layout" showCaption="true"}

###

### 03. List of tools

Lists all available tools that can be added to MoJo. 

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-U7ITf7wBYqP-Vx8hQ9zFy-20250228-082258.jpg)


Double-click to add to the Widget Builder on the right.

### 04. Widget Title

It's good practice to give each Widget group a title. 

### 05. Widget Builder

The Widget Builder is where you assemble the groups of tools to compile into a widget.

:::hint{type="info"}
LMB drag to reorder tools.
Right-click over the Widget to delete a tool in the Widget Builder.
:::

### 06. Select Organisation Tab

![](https://api.archbee.com/api/optimize/HjGj8VjsAaXK5fyD3fvMe-VBXFYFbZ0A6Vmyc8Vl2KU-20250228-082703.jpg)

Select a Tab to save the Widget into. See [Select Organisation Tabs](docId\:zmwHGYMcQeZ4N3v1VCSfw) for more info.

### 07. Save the Widget to MoJo

Click to save the Widget group into [MoJo (UI) - Tool](docId\:zmwHGYMcQeZ4N3v1VCSfw) . 

:::hint{type="info"}
Make sure you've selected the correct Organisation Tab to save into.
:::