Splash Screen with Full Image

1. Upload Full Image

Tap on Click to upload to add an image. The image should be of max of 5MB and a ratio of 9:16. It will be adjusted automatically according to the mobile.

2. Splash Background Color

• Pick a background color for the splash screen.

• Turn on the “Enable Gradient” toggle to see more customization options. appear.

- Color

• Pick two colors for the gradient effect.

- Gradient

• Use a ready-made gradient color, or design your own with the “+” icon.

• By clicking on the “+” icon, two options will appear.

1. Type

• Pick a gradient type that you want - Linear, Radial, or Diagonal.

• Set a gradient directly by selecting a value in degrees. You can select from 90, 180, 270, and 360.

2. Stops

Adjust the percentage of each color to get an ideal effect in the gradient.

3. Advanced Splash Configuration

Select the splash appearance for the screen.

Hide Splash When

1. On Page Load Progress

The splash screen hides once the page starts loading enough content.

Settings for On Page Load Progress

1. On Page Load Progress

The splash screen hides once the page starts loading enough content.

- Load Threshold

Set when the splash screen should disappear based on page loading.

- Minimum Display Time

Decide the minimum display time for the splash screen to disappear.

- Fade Out Animation

Create a smooth fade-out for the splash screen instead of disappearing suddenly. Select 200ms, 300ms, or 500ms

2. After Fixed Duration

It allows you to set a fixed time for the splash screen to disappear.

Settings To Hide Splash when After Fixed Duration

- Duration

Set the display time for the splash screen to appear from 1 to 5 seconds.

- Fade Out Animation

Give a smooth transition for the splash screen using 200 ms or 500 ms.

3. On JavaScript Trigger - Accessible to Pro Users

It will stay visible until the JavaScript is triggered.

Settings To Hide Splash when on JavaScript Trigger

- JS Trigger Configuration

Configure a JavaScript function that runs when your site is ready to display. For integration details, visit the Developer Documentation (opens in a new tab) by pressing on View Docs.

- Fallback Timeout

Decide the splash screen timeout if the JS fails to trigger. You have the options of 5, 8, 10, or 15 seconds.

- Fade Out Animation

Fade out your splash screen easily with settings like 200ms or 500ms.

Tap on Save to confirm these settings.

Tap Save & Rebuild to save your changes and update the app. After that, download the app again.

Preview