Progressive Web Apps Directory: The Best Collection of Resources

by Janeth Kent Date: 20-06-2019 pwa mobile progressive apps

Get started with progressive web apps and learn things in depth, this page will list the best resources we know of to help you understand Progressive Web Apps (PWAs) .

Make sure to bookmark this page, as this is a living document that we’ll be adding to from time to time.

Progressive Web Apps: The what, how and why

These articles introduce the concept of Progressive Web apps and serve as a jumping point to learn more about them.

UI Concepts

One of the best things about PWAs are that they can be added to the home screen of your Android device, just like native apps can. This section contains relevant articles covering the ‘Add to Home Screen’ capability, as well as a few articles on how to make your web app UI running smoothly.


Progressive Web Apps are capable of running offline just like native apps. This is primarily through a feature called ‘Service Worker’. Service Workers are great, and besides being used to make web apps run offline, are also required for other functionality like Push Notifications and Background Sync.

Push Notifications

Push notifications are helpful in notifying the user of important, relevant or timely events, even if your site isn’t open in the browser, or even when the browser is closed. With the Push API spec and Service Workers, you can finally implement this in your progressive web app too. Be careful not to spam your users!

Tools and Libraries

This section lists out a number of tools which might end up saving you a lot of time and effort when coding up for your PWAs.

  • sw-toolbox: A helpful library with account for a lot of different caching use-cases.
  • sw-precache: A tool to pre-emptively cache all static resources for offline use.
  • Lighthouse: Auditing and performance metrics for Progressive Web Apps.
  • Manifest Generator: A tool which automatically generates a web manifest file for you.
  • manifest-json: Another tool (this is using the command line) to generate a web manifest file for you.
  • generator-pwa: A yeoman generator for a basic PWA app.
  • UpUp: Read the article by the library’s author on how to use it.
  • Web Starter Kit: A boilerplate for web development including sw-toolbox and sw-precache libraries.
  • Fetch-sync: Fetch Sync allows you to proxy fetch requests through the Background Sync API so that they are honoured if made when the UA is offline.
  • Msgr: Nifty service worker/client message utility.

Showcases, case studies and more

Take a look at what others are doing with Progressive Web Apps. Get inspiration and see how it has benefitted others in key business metrics.

  • PWA.Rocks: The showcase for the best Progressive Web Apps in the world. It’s maintained by the Opera Developer Relations team, and we accept Pull Requests if you have a great-looking responsive PWA. Remember, sites aren’t “mobile-only” so the best PWAs look great on desktop and devices.
  • Google PWA Showcase: Google’s showcase of companies which have befitted from PWAs.
  • The Business Case for Progressive Web Apps: Jason Grigsby writes a compelling case for the business benefits of PWAs.
  • PWAs: An African Perspective: We interview two great developers from Nigeria and Kenya about PWAs. Read their thoughts on how PWAs can help solve problems in that region.


Books to help you learn about PWAs.

  • Progressive Web Apps: This book teaches you PWA design and the skills you need to build fast, reliable websites by taking you step-by-step through real world examples.
by Janeth Kent Date: 20-06-2019 pwa mobile progressive apps hits : 14862  
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN AND DEVELOPMENT.


Related Posts

Android Hidden Codes: unveiling custom dialer codes and their functionality

In the world of Android smartphones, there exist numerous hidden codes that can unlock a treasure trove of functionalities and features. These codes, known as custom dialer codes, provide access…

Secret iPhone codes to unlock hidden features

We love that our devices have hidden features. It's fun to learn something new about the technology we use every day, to discover those little features that aren't advertised by the…

How to set up your Android phone: learn how to get your new phone up and running

If you've just bought a great new Android phone, you'll want to start using it as soon as possible. You'll see that it's not hard to get the initial set-up and…

How to setup an Android TV with or the Google application

Android TVs and players are a good investment if you want to have all the entertainment at your fingertips. However, they require an installation that, although simple, has several ways…

How to turn your smartphone into a webcam for your pc

With the propagation of Covid-19 we all had to adapt to a new quarantine situation at home, and since the human being needs to communicate constantly, we used the internet…

5 Fool-Proof Ideas For Location-Based Apps

Like it or not, geolocation is a part of our everyday lives. In fact, you’ll find the technology pre-installed on 90% of the apps currently living on your smartphone. Location-based…

Is Old School RuneScape Still Popular?

Since the launch of RuneScape 3 there are two versions of RuneScape running simultaneously: RuneScape 3 and Old School RuneScape. At first glance it seems that having two iterations of…

How to disable the camera, microphone and all sensors on your phone with a single touch in Android 10

With Android 10, Google has improved the privacy of its operating system with new options, but has also hidden an interesting option that deactivates all the sensors of the device…

Unlock Hidden SmartPhone Features with these Secret Codes

Unstructured Supplementary Service Data (USSD), sometimes known as "quick codes" or "feature codes", is an extra-UI protocol, which allows people to access hidden features. This protocol was originally created for…

Advantages of Progressive Web Applications

The unstoppable increase in the use of mobile devices to connect to the Internet has resulted in the fact that it is no longer enough to have only one web…

Tools to build PWA quickly

For quite some time now, UX has been the focus of modern web development. Several factors affect this, including page load speed, usability, scalability, and design. But now more customers…

Stunning React Boilerplates and Starter Kits for 2019

As React progresses and helps us build and compose the UI of our applications, more React applications are created every day. In the past few years, the community has indeed created…