Base44 apps are designed to work seamlessly on mobile devices. Anyone can open your app in a mobile browser, add it to their home screen, and enjoy a native app-like experience. You can also customize the mobile layout directly from the app editor to give users the smoothest experience.

Customizing your app for mobile

Your Base44 app automatically adjusts its layout for any device, but you can use the editor’s mobile preview and customization tools to fine-tune how your app looks and works on mobiles. This lets you create a comfortable, seamless experience for mobile users. To customize your app for mobile:
  1. Go to your app editor.
  2. Click Switch to mobile view at the top.
  3. Review your layout, navigation, and content.
  4. Make changes as needed either by:
    • Asking the AI chat to make changes to mobile.
    • Using Visual Edit in the AI chat to change the design or layout to specific elements.
Mobileeditor Pn
Tips to make your app look good on mobile:
  • Make sure the text is readable.
  • Resize elements to fit the mobile screen.
  • Hide or show elements as needed.
  • Ensure buttons and icon buttons are easy to tap.
  • Check that images look good.

Installing your app to the home screen

Base44 automatically enables core PWA features when you publish on a custom domain. This means anyone can add your app to their phone or tablet’s home screen, making it feel and function more like a traditional app. When someone adds your app to their home screen, their device uses your app’s logo as the app icon. This icon appears alongside other apps and lets users open your app with a single tap. Apphome Pn To add your app to the home screen:
  1. Open the app link in your mobile browser.
  2. Tap the Share icon (the square with the arrow pointing up; on Android, this may appear as three dots).
  3. Tap Add to Home Screen.
  4. Edit the shortcut name if you want, then tap Add.
Mobilehome Pn
Note: Your app updates automatically, so everyone opening it from the home screen always sees the latest version.

Sharing your app so others can use it on mobile

To help your users get your app on their mobile device, share the link to your published app and recommend they use the “Add to Home Screen” option for a native app-like experience (see steps above). Share app link Let them know they do not need to download anything, as your app works directly from the browser.

FAQs

Click a question below to learn more about using your app on mobile.