User Guide: Creating and Publishing UI

This guide will help you navigate the interface and use the platform to create UI for services, which can then be published on the marketplace. You will learn how to start a project, write and preview your UI, compile it, and export it for deployment.

Getting Started

When You First Visit

When you first visit the platform without logging in, you will see the Unauthorized User screen To proceed, you need to log in or register. This is the account that you use to log in to the marketplace.

Homepage Overview

After logging in, the Homepage will appear. Here, you can choose how to start:

New Project – Creates an almost empty UI source file for a new project.
Open Project – Opens the file system, allowing you to select a .zip archive containing UI project files.
Open Templates – Provides a selection of pre-made UI templates that can be customized for your service (e.g., Text to Text). (For more details, refer to our Templates Guide).
Open Example – Loads a ready-to-use UI for a test service, which can be compiled and explored.

Below are the respective screens for each option:

Open project:

Open Templates:

Open Example:

Working in the Editor

Once you choose an option, you will enter the main workspace. The interface is divided into two sections:

Left Panel – Code Editor

This section allows you to create and modify your UI code.

File Management

Click (+) to create a new file.
Click (↑) to upload files.

Click the Eye Icon to toggle file visibility:
- Fully open eye – All files are visible.
- Half-closed eye – Some files are hidden.
- Crossed-out eye – All files are hidden.