BrowserUX PWA UI
A universal Web Component to display an installation and update interface for Progressive Web Apps (PWA), independent of any framework or bundler.
BrowserUX PWA UI provides a clear, consistent, and customizable user experience for installing and updating your PWA, while remaining lightweight, self-contained, and easy to integrate into any project, from simple HTML pages to modern JavaScript applications.
npm install browserux-pwa-ui
Web component
See the CHANGELOG
Key Features of BrowserUX PWA UI
- 📲 Intercepts
beforeinstallprompt, suppresses the default browser badge and shows a custom banner - ✅ Post-install confirmation with configurable loader duration
- 🔄 Service Worker update detection via
registration.waitingandupdatefound - ⚡
SKIP_WAITING→controllerchange→ automatic page reload - 🖥 Snackbar mode for desktop (≥ 1024px), positioned banner for mobile
- 🌍 9 built-in languages:
en,fr,es,de,it,pt,nl,ja,ru - ✏️ Full text override via
text-*attributes - 🎛 Named slots for icon replacement
- 🎨 CSS custom properties for theming
- 🧩
no-shadowmode for global stylesheet access - ♿
prefers-reduced-motionsupport