Setup New Mobile Project

Wappler offers you an option to setup a mobile project. All you need to do is to select Create New Project:

And change project type to Mobile:

You will see two options - Starter Projects and Templates. Here you can select whether to start from scratch or use any of the included templates:

Let's start with the included kitchen sink template:

Enter a project name:

Then select a project folder:

And click the create button:

A dialog asking you to perform a system check appears. It will check if all the required components are installed. Select yes in order to perform a system check:

The console will open, showing you the results:

Open the file manager, and under the www folder you will find the kitchen sink template. Open the index.html file to preview what's included there:

In design view, switch to phone or tablet mode in order to preview the app layout:

Use the iOS and Android buttons to preview your app layout on both platforms:

Then navigate to App Structure tree, where you can find all the components and their properties:

That's your first mobile app project. The kitchen sink template is a great place to get started, as it has a lot examples for all Framework7 components.