> For the complete documentation index, see [llms.txt](https://sharinghub-eng.kittenbot.hk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sharinghub-eng.kittenbot.hk/programming-platforms/kittenblock/kittenblock-user-interface/kittenblock-main-ui.md).

# Kittenblock Main UI

This is the Main UI of Kittenblock, the most frequently used functions will be discussed here.

Kittenblock 1.87

<figure><img src="https://kittenbothk.readthedocs.io/en/latest/_images/mainUI187.png" alt=""><figcaption></figcaption></figure>

### Kittenblock Toolbar

Let’s take a close look at the toolbar on the top of Kittenblock.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar1.png)

#### 1. Log In to Kittenblock

Log in or create your Kittenblock account.

Logging in allows you to:

1. use Kittenbot’s cloud IoT server.
2. freely use Kittenbot’s AI functions.
3. share your project with others on the forum.
4. save the project on the cloud.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar2.png)

#### 2. Select Language

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar3.png)

#### 3. Select Hardware

<figure><img src="https://kittenbothk.readthedocs.io/en/latest/_images/toolbar4.png" alt=""><figcaption></figcaption></figure>

#### 4. Connect to Hardware

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar5.png)

#### 5. Sample Programs

![../../\_images/toolbar6.png](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar6.png)

#### 6. Firmware Upgrade

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar7.png)

#### 7. Edit Project Name

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar8.png)

#### 8. Save and Load

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar9.png)

#### 9. IoT Local Server

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar10.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar11.png)

#### 11. Coding Area Screenshot

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar12.png)

#### 12. Switch to coding mode

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar13.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar14.png)

#### 13. Settings

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/toolbar15.png)