<aside> 💡 The template is built exclusively on Bubble’s new responsive engine

</aside>

Introduction

The Mobile App & PWA Template 4.0 is the perfect starting point to build your next mobile-first web app, progressive web app (PWA) or hybrid mobile app. The template is built with simplicity in mind, to allow you to build your own apps as simply and as quickly as possible.

This is a one-page template that uses URL parameters to show and hide elements (’screens’).

<aside> 💡 Questions? Reach out in the Bubble forum: https://forum.bubble.io/t/new-template-new-mobile-app-starter-pack/87797

</aside>

Features

• Welcome screen, signup / login
• App navigation bar
• Onboarding flow
• Various UI/UX elements like notification banners, alerts, etc.
• Predefined styles
• Chat/messaging function
• Settings page
• and much more

Architecture using URL parameters

• The template is organized in ‘views’. Each view consists of a floating group.

• By default, all views except the splash screen are NOT visible on page load. Use the 'Elements tree' in the Bubble editor to access groups and elements(make sure the ‘Only show hideable’ is unchecked):

  

  From there, you can select an element and then check the ‘Conditional’ tab to see when an element is visible:

  

In the template, all major screens are saved in an option set ‘opt_home content’, to avoid bugs caused by typos.