PWA setup
Add purplemux to your home screen on iOS Safari and Android Chrome for a full-screen, app-like experience.
Installing purplemux as a Progressive Web App turns the browser tab into a standalone icon on your home screen, with full-screen layout and proper splash screens. On iOS it's also the prerequisite for Web Push.
What you get
- Full-screen layout — no browser chrome, more vertical space for terminal and timeline.
- App icon — purplemux launches from the home screen like any native app.
- Splash screens — purplemux ships per-device splash images for iPhones, so the launch transition feels native.
- Web Push (iOS only) — push notifications fire only after PWA install.
The manifest is served at /api/manifest and registers display: standalone with the purplemux mark and theme color.
Before you install
The page must be reachable over HTTPS for PWAs to work. From localhost it works in Chrome (loopback exception) but iOS Safari refuses to install over plain HTTP. The clean path is Tailscale Serve — see Tailscale access.
iOS Safari
- Open the purplemux URL in Safari (other iOS browsers don't expose Add to Home Screen for PWAs).
- Tap the Share icon in the bottom toolbar.
- Scroll the action sheet and choose Add to Home Screen.
- Edit the name if you like, then tap Add in the top-right.
- Launch purplemux from the new home screen icon — it opens full-screen.
The first launch from the icon is the moment iOS treats it as a real PWA. Any push permission prompt should be triggered from inside this standalone window, not from a regular Safari tab.
Android Chrome
Chrome auto-detects an installable manifest and offers a banner. If you don't see it:
- Open the purplemux URL in Chrome.
- Tap the ⋮ menu in the top-right.
- Choose Install app (sometimes labeled Add to Home screen).
- Confirm. The icon appears on your home screen and in the app drawer.
Samsung Internet behaves the same way — the install prompt typically appears automatically.
Verifying the install
Open purplemux from the home screen icon. The browser address bar should be gone. If you still see browser UI, the manifest didn't apply — usually because the page is being loaded over plain HTTP or via an unusual proxy.
You can also confirm in Settings → Notification — once the PWA is installed and Web Push is supported, the toggle becomes enabled.
Updating the PWA
There's nothing to do. The PWA loads the same index.html served by your purplemux instance, so upgrading purplemux upgrades the installed app on next launch.
To remove it, long-press the icon and pick the OS-native uninstall action.
What's next
- Web Push notifications — turn on background alerts now that the PWA is installed.
- Tailscale access — get the HTTPS URL iOS requires.
- Browser support — full compatibility matrix.