PWA Capabilities Showcase

Intercept network requests, cache assets, and work offline. This app itself is served by a service worker.

Store structured data locally. Survive offline and browser restarts.

Hardware-accelerated 2D drawing. Perfect for charts, games, and creative tools.

Synthesize and process audio in real time with the Web Audio API.

Measure timing, navigation, and resource performance.

Know when the app is in the foreground or background.

Get the user’s current position (with permission).

Capture live media streams from camera and mic.

Read accelerometer & gyroscope data (requires permission on iOS).

Provide haptic feedback when the device supports it.

Talk directly to USB devices from the browser (Chromium). Select a device to inspect its descriptors.

Connect to nearby Bluetooth Low Energy devices.

Read and write to serial ports (USB serial, etc.).

Prevent the screen from dimming or locking while your app needs to stay visible.

Invoke the native share sheet to send text, URLs or files to other apps.

Read from and write to the system clipboard (with permission).

Take over the entire screen for immersive experiences.

Show system-level notifications (permission required). Works best when installed.

Open and save real files on the user’s device (Chromium).

Set a badge on the installed app icon (useful for unread counts).

Speech synthesis (text-to-speech) and recognition where supported.

Select contacts from the user’s address book (Android Chrome).

Hardware-accelerated 3D graphics. Foundation for games and data visualization.

Virtual and augmented reality experiences in the browser.

Passwordless authentication using platform authenticators or security keys.

Streamlined checkout using the Payment Request API (demo only — no real charge).

Detect when the user is idle (useful for locking sensitive UIs).

Float a video in a system-level PiP window.

This app meets the criteria for installation (manifest + service worker + HTTPS/localhost). Use the “Install App” button in the header when the browser offers it, or the browser’s own install menu.

Detect whether the app is running in the browser or as a standalone installed app.

Core assets are cached by the service worker. Turn off your network and reload — the app still works. Try the demos that don’t need network (Canvas, Audio, Clipboard, Vibration, etc.).

Always check for API support before using a capability. This showcase disables buttons and shows status for unsupported features so you can see progressive enhancement in action.