Skip to content
50

Awesome Progressive Web Apps

:sunrise: A collection of awesome resources for building progressive web apps

1.6k stars94 forks45 entriesLast push Jan 13, 2021 (5 years ago)License CC0-1.0

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Must Reads

Building Progressive Web Apps - O'Reilly Media

A deep dive into progressive web apps, service workers, push notifications, background sync, IndexedDB, offline first and much more.

Offline Web Applications Using IndexedDB & Service Worker

A free Udacity course introducing the basic concepts of building a progressive web app.

In 3 lists

Learning Resources

Google Developers - Your First Progressive Web App

A step-by-step guide to building a progressive web apps using the app shell pattern.

Awesome Service Workers

A collection of awesome resources for learning service workers.

In 2 lists

Service Workers W3C Specification

The official service workers spec.

In 2 lists

Browser Support

Can I Use - Service Workers

Up-to-date browser support table of ServiceWorker API.

In 4 lists

Is Service Worker ready?

Current status of ServiceWorker support in different browsers.

In 4 lists

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.

In 2 lists

Intro To Progressive Web Apps

This free Udacity course by Google covers intro to PWAs, service workers and web app manifests.

In 2 lists

Offline Web Applications Using IndexedDB & Service Worker

A free Udacity course introducing the basic concepts of building a progressive web app.

In 3 lists

Progressive Web Apps (Chrome Dev Summit 2015)

An introduction to progressive web apps by Alex Russell and Andreas Bovens.

In 2 lists

Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016

Using Polymer to build progressive web apps.

In 2 lists

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

SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.

In 4 lists

Guitar Tuner

Aerotwist Guitar Tuner

In 3 lists

Voice Memos

Hacker News

Specific Technologies >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.

Specific Technologies >Background Sync

Introducing Background Sync

A gentle introduction to background sync, along with some great videos and code samples.

In 2 lists

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.

In 2 lists

Specific Technologies >Push Notifications

Can I Use - Service Workers

Up-to-date browser support table of ServiceWorker API.

In 4 lists

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.

web-push-libs

A collection of useful libraries for web push in different technologies (Node.js, PHP, Python, etc.)

Specific Technologies >IndexedDB

IndexedDB API

API docs, key concepts, and sample code from Mozilla.

Specific Technologies >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.

In 2 lists

RealFaviconGenerator

A great way to generate all the images, favicons, and associated files needed to display your app icon across different browsers.

Android Asset Studio - Launcher Icon Generator

Generate Android style icons.

Specific Technologies >Web Share APIs

Introducing the Web Share API

High level introduction to the Web Share API.

Web Share API explainer

An explanation of the API, along with some examples. Part of the proposal doc.

Web Share Target API

The proposal for the Web Share Target API, as well as a high level explainer.

Awesome Performance

Web Fundamentals - Performance

Google's performance learning portal, containing a wealth of knowledge on optimizing your web apps for perfomance.

Introducing RAIL: A User-Centric Model For Performance

The seminal introduction to RAIL by the Gang of Pauls.

Website Performance Optimization

A free Udacity course on optimizing websites for speed.

Browser Rendering Optimization

A free Udacity course helping you create web apps that maintain jank-free 60fps performance.

The PRPL Pattern

A new pattern for structuring and serving Progressive Web Apps, with an emphasis on performance.

Browser Rendering Performance

Understand how HTML, JavaScript and CSS is handled by the browser, and how to optimize your page accordingly.

See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago