Web application type basically has features that allow you to develop responsive applications that work on a browser. Features such as calling a phone number or sharing it in different applications with the share action are not available in web type applications.

On the other hand, the mobile compatible application type comes with features that can work on both Android and iOS devices. These include actions such as searching or sharing the phone number we mentioned.

The differences between the two application types are;

‍Configuration Settings: In web applications, you can get only web applications, and in mobile compatible application type, you can get both web and mobile applications.
Element Differences: While you can access all elements in web application type, elements such as Tooltip, Date&Time, Range are not available in mobile application type.
‍Action differences: Mobile-specific actions such as CallPhoneNumber are not available in the web application type.

If we examine the reasons for the differences in web and mobile compatible application types;

While page numberers are used in list screens in web applications, the structure in which new content is loaded with scroll is used in mobile applications.
When developing a mobile application, you make a single development for both Android and iOS. Elements and actions to meet both devices and operating systems are kept in common.

Configuration Settings

Depending on the type of application you create, the configurations to be used when generating your application vary. While basic configurations are enough for web, you should prepare configurations based on operating system (iOS/Android) for mobile.

There are default configuration settings that allow you to preview the app you create, whether it's web or mobile. This way, you can preview the app from the first moment you create it and preview it packaged for the web or an Android device.

In the web application type, you can make configuration settings only for the web. In the mobile compatible/supported application type, you can make separate configuration settings for both web and mobile (Android/iOS).

When you generate the application you have prepared with Android and iOS configurations, an e-mail is automatically sent to your user account. From the link in this email, you can preview the app via Appetize, test it by downloading it to your device (Android only) or install TestFlight.

2. Examine Element differences depending on project type

95% of the elements in the platform are common to both web and mobile apps. The slight difference between web and mobile-friendly apps is due to the device, operating system or UX requirements. Although both application types have the same elements, there are also slight differences based on the properties of a few elements.

Below you can see the differences between web app and mobile compatible app for all the elements in Kuika Low-code Platform.

3. Differences in Action

Special functions (actions) such as the ability to call a phone number (PhoneNumberCall) or Share are actions available for mobile compatible devices.

You can examine the differences in actions between web app and mobile compatible applications from the list below.

3. Screen Differences

While Master Screen is supported in web applications, Master Screen is not supported in mobile applications.

There are also differences in Template screens in Web and mobile applications. While creating a new screen, Dashboard, Card and list, Two Columns, Three columns, Marketing Dashboard, Marketing with Left Menu, Sales Dashboard, Sales Dashboard with Left Menu options are available in Dashboard screens in Web applications, while Dashboard, Card and List, Two Columns and Three Columns screen templates are available in Mobile applications.