/awesome-pwa

Awesome list of progressive web apps!

awesome-pwa Awesome CI

Useful resources for creating Progressive Web Apps

Sponsors

MagicBell

MagicBell Banner

What is a Progressive Web App

A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction.

Source: Google Developers - Progressive Web Apps

Table of contents

App Directories

Apps

Tutorials

Articles

Videos

Tools

  • @forlagshuset/simple-fs: Needs offline filesystem? SimpleFS provides sweet promise based nodejs file API on top of indexeddb.
  • a2hs.js: A useful modern JavaScript solution that helps your website users to add (install) a progressive web app to the Home Screen of their mobile iOS devices.
  • DSW: Generate your Service Worker dynamically, webmanifest, rules for requests, redirects, etc.
  • fetch-manifest-json: Fetch the mainfest.json from an URL.
  • fetch-sync: Proxy Fetch requests through the Background Sync API
  • HNPWA: Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.
  • Manifest Generator: This simple page will generate the manifest file for you.
  • manifest-json: CLI tool for creating mainfest.json.
  • msgr: Nifty service worker/client message utility
  • offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (http://webpack.github.io/)
  • PWA Asset Generator: Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images.
  • PWAify: CLI tool to convert your PWA into a cross-platform desktop app.
  • serviceworker-rails: Plugin to integrate Service Worker with the Rails asset pipeline.
  • serviceworker-webpack-plugin: Simplifies creation of a service worker to serve your webpack bundles.
  • serviceworkerware: An Express-like layer on top of ServiceWorkers to provide a way to easily plug functionality
  • sw-delta: An incremental cache for the web.
  • sw-precache-webpack-plugin: SW Precache Webpack Plugin
  • sw-precache: A node module to generate service worker code that will precache specific resources
  • sw-toolbox: A runtime caching library
  • UpUp: Makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea
  • Workbox: Javascript Library for building progressive web apps
  • pwa-badge: Badging for PWA app icons, Like Native Apps

Kits

  • Bento starter: Full-stack solution to build Progressive Web Apps.
  • Progressive Web Application skeleton: A simple set of skeleton files for shipping a Progressive Web App.
  • pwabuilder: All the tools you need to build and deploy your Progressive Web Apps.
  • Web Starter Kit: A workflow for multi-device websites.
  • Polymer App Toolbox: "a collection of components, tools and templates for building Progressive Web Apps with Polymer"
  • Preact CLI: "Your next Preact PWA in 30 seconds"
  • Simple PWA: A Progressive Web App template that provides the minimum file structure needed to create a PWA
  • Stencil PWA toolkit: Ionic's "Everything you need to easily build fast, production ready Progressive Web Apps"

Courses

Conferences