Navigation Menu

The left-most menu on your Teta project page is called the Navigation Menu. It gives you access to the project’s user interface builder and helps you to navigate to pages for adding project features.

1. Dashboard

The home icon leads you to the Dashboard. From here you can manage your project.

2. Undo

This button allows you to delete the last change done to the document, reverting it to an older state.

3. Change Device

This button allows you to change the size of the preview screen to match the selected device screen dimensions, this helps in visualizing how the app will look on that particular screen size.

4. Switch theme

Using the theme settings, you can change the appearance of your application by setting themes in dark and light modes.

5. Switch layout

This button allows you to change the layout: only mockup, only TreeView, or both.

6. Languages

This button allows you to manage multi-languages of your app.
Allows users to search within the Tree Area for the widget of interest.

8. Pages & Components

This panel lets you create new Pages or Components for your app, from the Components tab. You also have options to delete, duplicate and rename a page or a component.

9. Design System

This panel help to streamline the product design process and make it more transparent and predictable. You can create new color styles in the Palette tab and new text styles in the Typography tab. Also in Assets you can upload any image assets that you want to use while building your app. You can also remove any asset that you no longer need.

10. Widgets

This section contains all the Widget that are useful for creating the user interface. These can be added to the Tree Area by the Drag & Drop method.

11. Teta Auth

From this page you can enable/disable authentication for your application directly from and see the accounts that have authenticated.

12. Database

The Database section allows you to create, update, or delete a record from a collection directly with Teta.

13. Tutorials

In this section you can find several tutorials to best begin your experience on Teta.