BrowserUX PWA UI

Features

• 📲 Smart PWA Installation & Update UI

  • Automatic Install Prompt Handling
    Detects and reacts to the beforeinstallprompt event to display a native-like install banner.
  • Update Detection
    Monitors the service worker via registration.waiting and prompts the user when updates are available.
  • Post-Install Feedback
    Displays a confirmation banner after successful PWA installation.
  • One-Click Update Flow
    Automatically sends a SKIP_WAITING message and reloads the app when the user accepts the update.

• 🔧 Developer Experience

  • Framework Agnostic
    Works with any frontend stack: HTML, React, Vue, Angular, etc.
  • Zero Dependency
    Lightweight and bundler-free; compatible with CDN or modern JS toolchains.
  • Optional Shadow DOM (no-shadow)
    Use Shadow DOM by default or disable it to apply global styles.

• 🌍 Accessibility & Internationalization

  • Multilingual Support
    Auto-detects language or manually set it via lang attribute. Includes built-in translations for EN, FR, ES, DE, JA, RU, PT, IT, and NL.
  • Customizable Texts
    Override all UI strings via simple HTML attributes.

• 🎨 Visual Customization

  • CSS Variables for Theming
    Full styling control using custom properties like --bux-pwa-color-primary.
  • Icon Slot Customization
    Replace built-in icons (close, loader, etc.) via named <slot> elements.