What PWA Can Do Today

A showcase of what is possible with Progressive Web Apps today.

A Progressive Web App (PWA) is a website that can be installed on your device and provide an app-like experience read more.

How to use this app

This app is itself a Progressive Web App which means it can be installed to the home screen of your mobile device or to your desktop.

A Progressive Web App (PWA) is a website that can be installed on your device and provide an app-like experience read more.

When the button below is visible, you can install this app. If is not visible, it means that the app is already installed, or you cannot install it.

Supported features

Installation

Using the beforeinstallprompt event, a native dialog can be displayed to install a web app

Offline support

The Service Worker enables web apps to work offline

Web Push

The Notifications API enables web apps to display notifications, even when the app is not active.

Shortcuts

Shortcuts provide quick access to pages in your app from the app icon.

View Transitions

The View Transitions API enables app-like transitions between pages.

Geolocation

The Geolocation API enables users to share their location with web apps.

Media capture

Media capture allows web apps to use the camera and microphone of a device

Picture-in-picture

The Document Picture-in-Picture API makes it possible to open an always-on-top window that can be populated with arbitrary HTML content.

File System

Access to the file system of the user's device

Authentication

Web Authentication API (WebAuthn) enables passwordless authentication through your device's fingerprint reader or an external USB Security Key.

Protocol Handling

Protocol handling enables web apps to register their ability to open links with particular URL schemes.

File Handling API

The File Handling API enables web apps to register as file handlers with the operating system

Contact picker

The Contact Picker API allows web apps to select the user's contacts after permission has been granted.

Web share

The Web Share API invokes the native share mechanism of the device and allows users to share text, URLs or files.

Share Target

The Share Target API allows web apps to register as a target for sharing content from other apps.

Barcode detection

The Barcode Detection API detects barcodes and QR codes in images.

Face detection

The Shape Detection API detects faces in images.

Vibration

The Vibration API enables web apps to make a mobile device vibrate.

Audio recording

Record audio using MediaRecorder and visualize audio using Web Audio API.

Audio

The Media Session API allows web apps to display controls for media playback on a device's lock screen.

Audio Session API

The Audio Session API configures how audio from web apps should mix with audio from native apps.

Screen Capturing

Capture Handle and Captured Surface Control enable screen capturing web apps to remotely control captured web apps.

Element Capture

Element Capture enables screen capturing web apps to record specific HTML elements.

Background Sync API

The Background Sync API enables web apps to defer tasks when it's offline so they can be run when the network connection is restored.

Periodic Sync API

The Periodic Sync API allows web apps to run tasks periodically, even when the app is not running.

Background Fetch API

The Background Fetch API enables web apps to download large files in the background even when the app is not running.

Storage API

The Storage API enables web apps to persist structured data in the user's browser.

Bluetooth

The Web Bluetooth API enables web apps to connect to Bluetooth Low Energy (BLE) devices and read values from or write values to it.

NFC

The Web NFC API enables web apps to read and write to NFC tags.

AR/VR

Augmented reality enables web apps to place virtual objects in reality.

Payment

The Payment Request API provides a browser-based method to enable users to make payments on the web, using a credit card, Apple Pay or Google Pay.

Wake lock

The Screen Wake Lock API enables web apps to prevent devices from dimming or locking the screen when the app needs to keep running.

Orientation

The DeviceOrientationEvent gives information about the physical orientation of the user's device.

Motion

The DeviceMotionEvent gives information about the speed of changes for the position and orientation of the user's device.

Network info

The NetworkInformation API provides information about the connection of a device, allowing web apps to adapt functionality based on network quality.

Speech synthesis

Speech synthesis provides text-to-speech and allows programs to read out their text content.

Speech recognition

Speech recognition is part of the Web Speech API and provides the ability to recognize voice context from an audio input.

Multi touch

Touch events enable web apps to capture complex touch behaviour.

i18n

Internationalization (i18n) enables web apps to adapt to different languages and regions.

Presentation

The Presentation API enables web apps to display content on external screens.

Battery

The Battery API provides information about the battery status of the device.

Badge

The Badge API allows web apps to display a badge on the home screen icon.

Fullscreen

The Fullscreen API allows web apps to display content in fullscreen mode, hiding the browser UI.