Add your project to the home screen

One-tap access to your published app — no app store, no downloads, works on any phone.

Once your project is published, you or your users can add it straight to a phone or tablet home screen. No app store download required.

If you have enabled Instant Mobile App in your project, it can even look and feel native — launching in its own window with no browser toolbar in sight.

A Floot project shortcut sitting on an iPhone home screen

iPhone and iPad

Safari is the only browser on iOS that can add a website to the home screen — Chrome and others do not offer the option.

  1. 1

    Tap the Share button in Safari

    Open your published project URL in Safari, then tap the share icon — the square with an upward arrow — at the bottom of the screen.

    Tapping the share button in Safari
    Tap the share button.
  2. 2

    Choose "Add to Home Screen"

    In the share sheet, scroll down and tap Add to Home Screen. If it is not there, scroll to the bottom and tap Edit Actions to enable it.

    The "Add to Home Screen" option in the iOS share sheet
    Tap "Add to Home Screen."
  3. 3

    Name the shortcut and confirm

    Give it a name — or keep the default — then tap Add in the top-right corner.

    Editing the shortcut name before adding it
    Edit the name and tap "Add."

Your project now sits on the home screen alongside regular apps. You can rearrange it or drop it into folders, though it will not show up in the App Library.

With Instant Mobile App enabled

The shortcut launches in its own standalone window — no browser toolbar or address bar — instead of opening as a Safari tab.

Android

Android is more flexible: several browsers support home screen shortcuts. Here are Chrome and Firefox.

Google Chrome

  1. 1

    Open the browser menu

    Navigate to your published project URL in Chrome, then tap the three-dot icon in the top-right corner.

    Tapping the menu icon in Chrome for Android
    Tap the menu icon.
  2. 2

    Choose "Add to Home Screen"

    Selecting "Add to Home Screen" in the Chrome menu
    Select "Add to Home Screen."
  3. 3

    Name the shortcut and tap "Add"

    Editing the shortcut name in Chrome
    Edit the name and tap "Add."
  4. 4

    Place it on your home screen

    Your launcher shows a confirmation. Either drag the icon where you want it, or tap Add to Home Screen to place it automatically.

    Confirming placement on the Android home screen
    Tap "Add to Home Screen."

Mozilla Firefox

In Firefox, tap the three-dot menu, open the More section, then choose Add to Home Screen.

"Add to Home Screen" in Firefox for Android
Tap "Add to Home Screen" in Firefox.

Just like Chrome, you can rearrange the shortcut or put it in a folder. It will not appear in the app drawer — only on the home screen.

Chrome may offer to install instead

With Instant Mobile App enabled, Chrome can prompt you to Install the app — it then runs in its own window and appears in the app drawer alongside your other apps. Firefox does not support this.

Want a real native app instead?

This is the lightweight option. For an app you can ship to the App Store or Google Play, see Creating mobile apps.