/awesome-pwa

Awesome list of progressive web apps! (PR welcomed ;))

awesome-pwa Awesome CI

Useful resources for creating Progressive Web Apps

Inspired by the awesome list thing.

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

Notes

This fork is maintained by an amateur. I am hoping to develop skills in development by looking over experienced programmers' code, and possibly gaining some of that experience in my time developing those skills.

Table of contents

Categories 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/)
  • platinum-sw-register: handles service worker registration for Polymer applications
  • 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.
  • Lavas: A framework base on vue for building 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.
  • React Storefront: Framework for progressive web apps with React.
  • 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