Awesome Progressive Web Apps

A curated collection of Progressive Web Apps resources.

Progressive Web Apps are experiences that combine the best of the web and the best of apps. They are useful to users from the very first visit in a browser tab, no install required. As the user progressively builds a relationship with the App over time, it becomes more and more powerful. It loads quickly, even on flaky networks, sends relevant push notifications, has an icon on the home screen and loads as a top-level, full screen experience.

-- Google Developers - Your First Progressive Web App

If you want to contribute, please read the contribution guidelines.

Contents

• Must Reads
• Learning Resources
• Reference
• Browser Support
• Libraries and Tools
• Videos
• Case Studies
• Sample Progressive Web Apps
• Specific Technologies
  • Service Workers
  • CacheStorage API
  • Background Sync
  • Installable Web Apps
  • Push Notifications
  • IndexedDB

Must Reads

• Google Developers - Your First Progressive Web App - A step-by-step guide to building a progressive web apps using the app shell pattern.
• Wired - Wait! The Web Isn’t Dead After All. Google Made Sure of It - The behind the scenes story of progressive web apps for non-developers.

Learning Resources

• Awesome Service Workers - A collection of awesome resources for learning service workers.
• Offline Web Applications Using IndexedDB & Service Worker - This free Udacity course is a must if you're planning on building a progressive web app.
• Service Workers W3C Specification - The official service workers spec.

Browser Support

• Can I Use - Service Workers - Up-to-date browser support table of ServiceWorker API.
• Is Service Worker ready? - Current status of ServiceWorker support in different browsers.

Videos

• Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - A quick dive into the most common technologies and techniques for building progressive web apps.
• Offline Web Applications Using IndexedDB & Service Worker - This free Udacity course is a must if you're planning to dive deep into service workers.
• Progressive Web Apps (Chrome Dev Summit 2015) - An introduction to progressive web apps by Alex Russell and Andreas Bovens.
• Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016 - Using Polymer to build progressive web apps.

Case Studies

• Building the Google I/O 2016 Progressive Web App - Building and launching a progressive web app using web components, Polymer, and material design.
• AliExpress Case Study - AliExpress increases conversion rate for new users by 104% with new progressive web apps.
• eXtra Electronics Case Study - United eXtra Electronics grows eCommerce sales by 100% with Web Push Notifications.
• Jumia Case Study - Push Notifications help Jumia reverse cart abandonment and increase conversions by 9X.
• Konga Case Study - Konga cuts data usage 92% with new Progressive Web App.
• Suumo Case Study - Japan's top real estate site supercharges new listings with web Push Notifications and sees a 31% open rate for notifications.

Sample Progressive Web Apps

• PWA.rocks - A showcase of several progressive web apps, collected by the Opera Dev Relations team.
• SVGOMG
• Guitar Tuner
• Voice Memos
• Hacker News
• Housing GO

Specific Technologies

Service Workers

• Awesome Service Workers - A curated collection of the finest service worker resources.

CacheStorage API

• Offline Storage for Progressive Web Apps - The current state of offline storage in the browser
• CacheStorage API - API docs, and sample code from Mozilla.

Background Sync

• Introducing Background Sync - A gentle introduction to background sync, along with some great videos and code samples.
• Background Sync Explained - The official "explainer" document for background sync, including one-off synchronization and periodic synchronization.
• Background Sync Spec - The WIP spec for Background Sync.

Installable Web Apps

• Increasing Engagement with Web App Install Banners - An intro to App Install Banners and making sure Chrome offers your web app to your users.
• Installable Web Apps with the Web App Manifest in Chrome for Android - An introduction to installable Web Apps in Chrome for Android.

Push Notifications

• Can I Use - Push API - Up-to-date browser support table of Push API.
• Chrome Platform Status - Web Notifications - Implementation status for Chrome and other browsers.
• PWA Dev Summit 2016 codelab - Push Notifications Up-to-date getting started tutorial for Progressive Web App, Push Notifications and service worker basics.
• Using the Push API - An article introducing Push API.

IndexedDB

• IndexedDB API - API docs, key concepts, and sample code from Mozilla.