Project Architecture

UI Editor

You can design and code your apps right in your browser. The editor makes it easy to design native apps without worrying about fragmentation.



This folder is used to store files which are accesses directly by the app. Unlike the “Resources” and “Images”, this folder can be accessed by file operations such as read. Moreover, Assets folder is a unified location for all types of devices, you don’t need to use separate folders like the Resources folder.


Config folder is used to store the application configuration for:

  • Android

  • iOS

  • Fonts

  • project.json

  • project.rau.json

  • project.testingdistribution.json


AndroidManifest.xml : It's an editable ".xml" file which you can change API Keys and Permissions for Android. For more information you can read the related Android documentation.

PackageProfiles.xml : Customizing Android packages is possible with PackageProfiles.xml . You can simply add the line “” to the PackageProfiles.xml in order to use xxxhdpi folder. Reducing APK size is also possible. If you don’t want to provide support for certain resolutions, you can remove some image folders. Commented lines are required for Android publishing to Google Play. Compatible-screens and supports-screens are the settings about the supported device types.

smfdefault.keystore : It is a codesigning file for Android publishing. For ease of use, a default keystore is provided in the environment, but replacing this keystore with your personal keystore is strongly recommended, especially for submitting apps to Google Play. You can fill in the keystore parameters in the project.json file.


You can add your own font files which in this folder.


All main application settings resides in project.json. Such as ;

  • Plugins

  • Application Information

  • keystore information

  • Orientation settings

  • Build settings

  • Output folder

  • API keys


It includes the Info.plist file which is required file for iOS Publishing. You can add new keys if required.


All application images should be placed in this folder. Android images should be located in the Images\Android folder and iOS images should be located in the Images\iOS folder.


When you publish your app, the output files related to your project will be located in separate folders with timestamps under the output folder.


All the plugins you use in your application should be placed under this folder. The plugins need to be set as active in project.json .


Application sources (JavaScript files) should be placed in the scripts folder.