Concept

Kozmik lets you turn your spreadsheets into apps with drag-and-drop interface elements. Apps can be published to the Apple App Store and Google Play Store or as a Web App (PWA).

  • Tables

  • Screens & Elements

  • Navigation

  • Actions

Tables

The first step of building an app is to create the tables that contain the information to be used in the app.

Tables consist of columns and rows. Columns are created in different types according to the type of information held in the row. For example, the product name and description are of text type, while the product image column is of image type.

Screens & Elements

The way to visualize tables is to create screens and add elements to those screens. There are defined relationships between tables and elements.

Table to List

When a list element is added to the screen, this list references a table, and the rows in the table appear as list items.

Columns to Content

Elements added to screens often correspond to one or more columns in a table. For example, in the List element settings, there are defined fields such as Title, Image in the Content section, and these fields match the relevant columns in the table.

Row to List Detail

Detail screens of list items are created automatically. On these screens, only the contents of the relevant row are displayed. Detailed information that is not shown on the list screen can be given on this screen.

You can create the main flow of your app by dragging the screens you want to present to your user to the Tab and Menu headings.

Actions

Actions determine what happens when users interact with an element. Elements such as lists, buttons, and images added to the screens have the feature of determining action. It can be used to direct the users to another screen, to interact, or design your flows.

Last updated