App Live Preview

Live Preview is a live mirror to your app, and reflects all of your changes immediately. This allows you to easily create an overview of updates, design test, and simplify your workflow.

With Live Preview, you can:

  • Identify and correct spot and fix errors immediately.

  • Test out various design aspects.

  • Enhance speed and efficiency of development.

Step 1: Preview Your App

preview your app use.png


On the WebToNative Dashboard, click Preview your App.


Step 2: Download the WebToNative App.

  • Open the Google Play Store/ Apple App Store.

  • Search for WebToNative App.

  • Install the App on your Device.


Step 3: Sign-in and access your Dashboard.

  • Open the WebToNative app on your mobile device.

  • Sign in using the same account credentials you have used to create your app on the WebToNative platform.

Screenshot_2025-11-27-13-51-36-45_83b50c849210b3fe45e6801e57faa97f.jpeg


  • You can now view your dashboard with the apps which you have created.

Step 4: Connect to Mobile Live Preview.

  • Click on Preview.

live preview.jpeg


  • Select the method you want to use to get your app’s live preview.

Screenshot_2025-11-28-09-51-02-54_83b50c849210b3fe45e6801e57faa97f.jpeg


1. Scan QR

- If you select the Scan QR method, you have to scan the QR from your mobile device.

- Instantly your app’s live preview will begin.


2. Preview ID

- If you select the Preview ID method, you have to enter the preview id displayed on the WebToNative platform.

- Enter the Preview ID in your mobile device to view the live preview of your app.


TIP: Keep your mobile device beside for an instant and real-time while making changes.

For example, you can use features that provide Live Preview.


Splash Screen with Animation

  • You have to upload the .json file.

  • Select the background colour of your splash screen.

  • At the same time, you can view all the changes you have made in real time.

Live Preview allows faster, easier, and highly efficient development of the apps.