PWA Showcase
Explore Progressive Web App capabilities
Installable
This app can be installed on your device for a native-like experience.
Service Worker
A service worker manages caching and enables offline functionality.
Offline Ready
The app shell and cached data are available without a network connection.
Device APIs
Access camera, geolocation, device orientation, and the Share API.
Offline Support
This app works even without an internet connection
Network Status
Try toggling your network off in DevTools (Network tab → Offline) to see the offline banner and experience the cached app shell.
Cached Resources
The service worker caches the app shell on first load. These strategies are used:
- Cache-first — App shell & static assets
- Network-first — API / dynamic data
- Stale-while-revalidate — Images
- Offline fallback — Uncached navigation requests
Notifications
Send local push notifications from the browser
Permission Status
Send a Notification
Camera
Access device camera via getUserMedia
Geolocation
Access device location and orientation
Current Position
Device Orientation
Tilt your device to see accelerometer data (mobile only).
Background Sync
Queue actions while offline and sync when back online
Submit a Message
This form simulates an API submission. If you're offline, the message is queued in IndexedDB and synced when connectivity returns.
Sync Queue
Messages waiting to be synced: