Homescreen demo

Install this app on your phone

This lightweight demo shows how a Progressive Web App can be added to a phone homescreen.

iPhone and iPad

1
Open in Safari Use the Safari share button at the bottom of the screen.
2
Choose Add to Home Screen Confirm the name, then tap Add.

Android

1
Open in Chrome Tap the browser menu or the install prompt when it appears.
2
Install app Chrome adds it to your launcher like a native app.

Tutorial Video

Open the demo video in a full-screen cover view. Pass a custom URL with ?video= when you need a different tutorial.

Open video

Works best over HTTPS. Manifest and service worker files are scoped to this demo folder.