# awesome-pwa [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) ![CI](https://github.com/hemanth/awesome-pwa/actions/workflows/test.yml/badge.svg?branch=master)

> Useful resources for creating Progressive Web Apps

## 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](https://developers.google.com/web/progressive-web-apps/)

## Table of contents

* [App Directories](#app-directories)
* [Apps](#apps)
  * [Audio and Video](#audio-and-video)
  * [Business and Finance](#business-and-finance)
  * [Communication and Social](#communication-and-social)
  * [Development and Design](#development-and-design)
  * [Education and Reading](#education-and-reading)
  * [Games and Entertainment](#games-and-entertainment)
  * [Health and Lifestyle](#health-and-lifestyle)
  * [News and Information](#news-and-information)
  * [Shopping and Travel](#shopping-and-travel)
  * [Tools and Utilities](#tools-and-utilities)
  * [Miscellaneous](#miscellaneous)
* [Tutorials](#tutorials)
* [Articles](#articles)
  * [Getting Started and Introductions](#getting-started-and-introductions)
  * [Case Studies and Real-World Apps](#case-studies-and-real-world-apps)
  * [Performance and Optimization](#performance-and-optimization)
  * [Technical Guides and Deep Dives](#technical-guides-and-deep-dives)
* [Videos](#videos)
  * [Google I/O](#google-i/o)
  * [Progressive Web App Summit 2016](#progressive-web-app-summit-2016)
  * [Chrome Dev Summit](#chrome-dev-summit)
  * [Other Talks and General Concepts](#other-talks-and-general-concepts)
* [Tools](#tools)
  * [Generators and CLIs](#generators-and-clis)
  * [Service Worker Libraries](#service-worker-libraries)
  * [Webpack and Framework Plugins](#webpack-and-framework-plugins)
  * [Testing and Auditing](#testing-and-auditing)
  * [Miscellaneous Utilities](#miscellaneous-utilities)
* [Kits](#kits)
* [Courses](#courses)
* [Conferences](#conferences)

## App Directories

* [0data.app](https://0data.app)
* [paquet.app](https://paquet.app/home)
* [store.app](https://store.app/)

## Apps

### Audio and Video

* [BitMidi](https://bitmidi.com): Listen to your favorite MIDI files.
* [Foldergram](https://github.com/foldergram/foldergram): Local-only photo and video gallery for folders, with an Instagram-inspired browsing pattern.
* [guitar-tuner](https://aerotwist.com/blog/guitar-tuner/): Aerotwist Guitar Tuner
* [Joybox](https://joybox.rosano.ca): A pinboard for audiovisual media.
* [Lofimusic.app](https://lofimusic.app/): Online radio Radio
* [Music Player PWA](https://akaspanion.github.io/music-app/): Music Player.
* [OmniCam](https://www.omnicamapp.com/): Live streaming webcams around the world.
* [SoundCloud](https://soundcloud.com/): Stream and listen to music.
* [Soundslice](https://www.soundslice.com): Create living sheet music.
* [Spotify](https://open.spotify.com/): Music streaming.
* [SvenPanel](https://svenpanel.de/): The Shrine - The Message Is Feierei Alda.
* [VideoTrim.app](https://videotrim.app): Video trimmer app in the browser.
* [Wave-PD1](https://alexgibson.github.io/wavepad/): Synth toy.
* [X Sound](https://korilakkuma.github.io/X-Sound/): Online keyboard synth.
* [Youtube Music](https://music.youtube.com/): Music streaming via YouTube.
* [Remove Audio](https://remove-audio.com): Browser-based tool to strip the soundtrack from any video locally with WebAssembly and FFmpeg.wasm. No uploads, no sign-up, batch up to 20 clips.

### Business and Finance

* [ELFSH](https://elfsh.mousetail.nl): Food and expense manager.
* [FarmOS](https://farmos.app/): Farm record keeping
* [Freelancer](https://m.freelancer.com/messages): Hire the best freelancers for any job, online.
* [Invoice Otter](https://invoiceotter.com): Send estimates and invoices with AI, get paid instantly, track expenses.
* [JustInvoice](https://justinvoice.netlify.app/app): An intuitive invoice manager that works completely in the browser and offline.
* [MoneyTracker](https://moneytracker.cc/): Personal finances tracking web app.
* [Vaulted](https://vaultedworth.com): Local-first net worth tracker PWA with no account, no bank sync, and no server.
* [MTGStocks](https://www.mtgstocks.com/news): Magic the Gathering price tracker.
* [Rydeen](https://rydeen.app/): Task management app for individuals.
* [Simple Currency Converter](https://currency-converter.now.sh): Currency Converter
* [Skcript](https://www.skcript.com/): Ruby on Rails Consulting.
* [SplittyPie](https://splittypie.com): Easy expense splitting.
* [Taskade](https://www.taskade.com): Remote Team Workspace.
* [Tender](https://app.tender.run/create-account): Personal finance app.

### Communication and Social

* [Chitchatter](https://chitchatter.im/): Secure peer-to-peer chat that is serverless, decentralized, and ephemeral
* [Datememe](https://www.datememe.com): Online dating.
* [emberclear](https://emberclear.io): Encrypted Chat. No History. No Logs.
* [ghChat](https://github.com/aermin/ghChat): Chat application for GitHub.
* [Google Duo](https://duo.google.com/): Video Calling.
* [Medium](https://medium.com/): Writing space.
* [Messages for web (by google)](https://messages.google.com/web/): 400
* [Similar Worlds](https://similarworlds.com/): Experience Project Alternative. Find people with similar interests.
* [Telegram](https://web.telegram.org/): Telegram Web App.
* [Threema Web](https://web.threema.ch/): The messenger that puts security and privacy first.
* [Tinder](https://tinder.com): Dating app.
* [Twitter](https://twitter.com): Microblogging app.

### Development and Design

* [3D House Editor](https://3dhouseplanner.com/app2.php): Free 3D floor planner
* [ampproject](https://www.ampproject.org): Web component framework.
* [Bento-starter](https://bento-starter.firebaseapp.com): Open-Source Full-Stack solution for fast PWA development
* [bundle](https://bundle.js.org/): A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the resulting file size.
* [ColorBeta](https://colorbeta.com): Advanced CSS Gradient Generator
* [Demo PWA](https://github.com/gokulkrishh/demo-progressive-web-app): Demonstrating offline, push notifications, background sync etc.
* [DevDocs](https://devdocs.io/): API Documentation Browser
* [Hyperdraft](https://hyperdraft.rosano.ca): Turn your text notes into a website.
* [JSON Formatter](https://jsonformatter.live/): Minimalist JSON formatter.
* [Launchlet](https://launchlet.dev): Customize any website with JavaScript or CSS.
* [Make Better Software](https://makebetter.software): Raise software standards.
* [MYHELLOIOT](https://adrianromero.github.io/myhelloiot/): MQTT client application.
* [Photopea](https://www.photopea.com/): Online Photo Editor.
* [PixelCraft](https://pixelcraft.web.app): Pixel Art Editor
* [Regex101](https://regex101.com/): Build, test and debug regex.
* [SVGOMG](https://jakearchibald.github.io/svgomg/): SVGO's Missing GUI
* [Themer](https://themer.dev): Theme generator for editors, terminals, wallpapers, and more.
* [Total Formatter](https://totalformatter.web.app): YAML Formatter
* [TurboPixel](https://turborium.github.io/turbopixel/): PixelArt Camera PWA
* [webpushtest](https://webpushtest.com/): Web Push Notifications Demo

### Education and Reading

* [Booksie](https://www.booksie.org/): An open catalog of free picture storybooks for children instantly available for reading.
* [EPUB Player](https://epubplayer.com): A fully-featured audiobook player with Audible/Spotify-like UX, powered by local TTS models. Turn your EPUBs into audiobooks entirely in-browser.
* [Kommit](https://kommit.rosano.ca): Create flashcards and learn them with spaced-repetition.
* [PracticeLoop](https://teal-semifreddo-cad4ad.netlify.app/): Slow down & loop YouTube videos for music practice with progressive speed training.
* [Swahili Dictionary](https://swahili-dictionary.com/): Offline Swahili-English-Swahili dictionary
* [Timetable](https://leoherrmann.github.io/timetable/): Interactive editable timetable.
* [Tutor Portfolio PWA](https://englishextra.gitlab.io/): ???
* [Unalengua IPA Translator](https://unalengua.com/ipa): Translate to IPA.
* [WordDB](https://www.worddb.com): Word finder, thesaurus, dictionary, crossword solver, rhyme finder and more.

### Games and Entertainment

* [2048 Game](https://play2048.co/) 2048 Game
* [Air Horner](https://airhorner.com/): Air horn sound.
* [Backgammon](https://nenadalm.github.io/backgammon/): Backgammon game with local multiplayer (no single player).
* [Colosseum](https://naramsim.github.io/Colosseum/): Displays Pokemons in a beautiful way
* [Crazy Dice](https://crazydice.netlify.app): Simple Dice App.
* [Cybercar](https://cybercar.pages.dev): Free neon arcade survival game with power-ups, unlockable themes, boss battles, and global leaderboard.
* [Falling Nikochan](https://nikochan.utcode.net): Simple and cute rhythm game, where anyone can create and share charts.
* [Farmhand](https://www.farmhand.life/): A resource management game that puts a farm in your hand
* [Life counter](https://nenadalm.github.io/life-counter/): Life counter app for 2 players. Supports game profiles, cout up/down.
* [Match a Movie](https://match-a-movie.com/): Tinder but for movies to find out what to watch with your friends.
* [Math Riddles](https://mathriddles.netlify.app): Interesting Math Riddles.
* [Memory Game PWA](https://pwa-memory-game.surge.sh/): Strengthen your memory.
* [Murlok.io](https://murlok.io/): World of Warcraft Shadowlands.
* [Othello](https://othello-rust.web.app/): Play Othello against the computer.
* [Player order selector](https://nenadalm.github.io/player-order-selector/): Random player order selector.
* [Pokedex](https://pokedex.org/): Indexing Pokémon
* [PokeQuest Wiki](https://pokequest.wiki/): Search for Pokémon
* [PWA-NES](https://pwa-nes.vercel.app/): 8-bit NES emulator
* [Slitherlinks](https://slitherlinks.com): Free online Slitherlink puzzle platform with 1900+ puzzles, daily challenges, and global leaderboards.
* [Soodoku](https://soodoku.com/): Advanced sudoku game, works online & offline, without ads and distractions.
* [Virus Wars](https://nenadalm.github.io/virus-wars/): Virus Wars game with local multiplayer (no single player).
* [Yahtzee](https://zpix1.github.io/yahtzee/): Dice generator.

### Health and Lifestyle

* [Aerko_](https://aerko.app): Offline-first, brutalist fitness & nutrition PWA with local AI biomechanics (MediaPipe) and AES-256 encryption.
* [Care Cards](https://carecards.io): Care Cards
* [Cat Safe Foods](https://catsafefoods.com): Sharing food with your cat? Make sure it's safe first
* [ClearLungs](https://clearlungs-app.vercel.app): Free private streak tracker for quitting smoking. Track recovery phases, milestones, and share progress.
* [Dog Safe Foods](https://dogsafefoods.com): Sharing food with your dog? Make sure it's safe first
* [DoHabit](https://inikann.github.io/DoHabit/): Straightforward habit tracker.
* [FastTrack](https://fasttrack-app-three.vercel.app): Free intermittent fasting streak tracker with metabolic phases and milestone celebrations.
* [Paula](https://trypaula.com): Free AI mental health companion using CBT and DBT techniques, with voice sessions, mood tracking, and journaling.
* [Progressive](https://schroedingberg.github.io/progressive/): Local-first hypertrophy training tracker, fully offline and event-sourced.
* [Progressive Beer](https://deanhume.github.io/beer/): Progressive Beer
* [Rewire](https://rewire-psi.vercel.app): Free private streak tracker for building better habits. Track recovery phases, earn milestones, and share progress cards.
* [VapeFree](https://vapefree-app.vercel.app): Free private streak tracker for quitting vaping. Track lung recovery phases, milestones, and share progress.
* [Veganify](https://veganify.app): Check if a product is vegan or not.

### News and Information

* [Brutalist Hacker News](https://brutalisthackernews.com): A Hacker News reader inspired by Brutalist Web design, Cyberpunk, retro computing, Y2K Aesthetics
* [ComputerBase](https://www.computerbase.de/): German IT news site.
* [Qi Reader](https://www.qireader.com/): A modern web RSS reader.

### Shopping and Travel

* [Digikala](https://www.digikala.com/): Digikala Web App
* [Google Maps](https://www.google.com/maps/): Online maps.
* [Housing Go](http://www.housing.com): Real estate in India.
* [trivago](https://www.trivago.com/): Hotel prices.
* [Uber Web](https://m.uber.com): Ridesharing app.
* [StoryRoute](https://storyroute.netlify.app): AI-powered GPS audio tour guide that generates real-time spoken narratives about places around you.
* [Versus](https://versus.com/en): Consumer electronics shopping.

### Tools and Utilities

* [2brew](https://2brew.github.io/): PWA timer for coffee brewing
* [AlarmDJ](https://alarmdj.com): Online alarm clock that plays MP3 files or YouTube videos.
* [Anonynote](https://anonynote.org): Note-taking app.
* [BulkPicTools](https://bulkpictools.com): Privacy-first, browser-side bulk image optimizer and editor.
* [Calculator](https://calculator-app-tau.vercel.app/): A calculator app with theme switcher
* [Emoji Log](https://emojilog.rosano.ca): Personal tracker
* [Google Drive](https://drive.google.com/): File storage.
* [Google Photos](https://photos.google.com/): Photo management.
* [GPA Calculator](https://gpacalculator.memorymaps.io/): Generate animated artwork from your unique GPA inputs.
* [GPA Calculator](https://gpacalculator.io): Calculate your college GPA.
* [MConverter](https://mconverter.eu): Online file converter.
* [OmniConvert](https://tools.sagasu.art): Free, open-source file and unit converter — 94 formats, 345 units, 100% client-side with WebAssembly.
* [Morse Code Translator](https://morsedecoder.com/): Morse Code tools
* [Nanocell-csv](https://www.nanocell-csv.com/): A lightweight, cross platform, open-source, PWA CSV file viewer and editor
* [Notella](https://github.com/siddharthkp/notella): No fluff notes app.
* [Passky](https://vault.passky.org/): Free and open-source Password Manager
* [PasteePad](https://pasteepad.com/): Free and simple notepad app
* [PDFGem](https://pdfgem.io/): Free browser-based PDF tools — merge, split, compress, OCR, sign, convert. All processing runs client-side via WebAssembly; works offline after initial load. 16 languages.
* [Pocket Devices](https://pocket-devices.com/): Pocket-sized tools for seamless functionality on the go.
* [Pomotimer](https://pomotimer.com/): Pomodoro Technique Timer
* [PPResume](https://ppresume.com/): A LaTeX Based Resume Builder
* [QR Code Generator](https://qr-code-generator.now.sh): Create custom QR Codes.
* [QR Code Scanner](https://qrcodescan.in/): Scan a QR code.
* [Remember](https://paulhoughton.github.io/remember/): Location-based reminders.
* [Resume Nation](https://resume-nation.github.io): Resume creator.
* [Smaller Pictures](https://smaller-pictures.appspot.com): Image compressor.
* [Super Productivity](https://app.super-productivity.com): Open-source todo list and time tracker with timeboxing, Jira/GitHub/GitLab integration.
* [TaleForge](https://www.tale-forge.com/): Creative writing PWA with book, manga, and screenplay editors. Works offline with service worker caching.
* [Todoly](https://t4p4n.github.io/todoly/): A Simple ToDo PWA
* [Vizua](https://vizua.io/): Free browser-based image tools — compress, resize, convert (WebP, AVIF, PNG, JPEG), remove background, upscale, OCR. 91 tools, all client-side via WebAssembly. 16 languages.
* [Wormhole](https://wormhole.app/): Share files with end-to-end encryption.
* [ztable.io](https://ztable.io/): Z-Table lookup & Z-Score calculator.

### Miscellaneous

* [abc.xyz](https://abc.xyz): Alphabet website
* [Avain.app](https://avain.app): Avain
* [Chrome Developer Summit](https://developers.google.com/): Google Developers
* [Closerintime](https://closerinti.me): #closerintime
* [Etch](https://etch.co): A Small team of Designers and Developers.

## Tutorials

* [Build a realtime PWA using Vue.js](https://pusher.com/tutorials/pwa-vuejs)
* [Build a realtime PWA with React](https://pusher.com/tutorials/pwa-react)
* [Getting started with Progressive Web Apps](https://addyosmani.com/blog/getting-started-with-progressive-web-apps/) by [@addyosmani](https://twitter.com/addyosmani)
* [Google Developers - Progressive Web Apps](https://developers.google.com/web/progressive-web-apps)
* [Introduction to Progressive Web Apps by Google-Udacity](https://udacity.com/course/intro-to-progressive-web-apps--ud811/)
* [Introduction to progressive web apps](https://blog.pusher.com/introduction-progressive-web-apps/)
* [Progressive Web Apps with React.js - 4 part series](https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-i-introduction-50679aef2b12#.ly1xiybxd) by [@addyosmani](https://twitter.com/addyosmani)
* [Retrofit an Existing Website as a Progressive Web App](https://www.sitepoint.com/retrofit-your-website-as-a-progressive-web-app/)
* [What PWA Can Do Today](https://whatpwacando.today/): A showcase of what is possible with Progressive Web Apps today.
* [Web Powered SMS Inbox with Service Worker: Push Notifications](https://www.twilio.com/blog/2016/02/web-powered-sms-inbox-with-service-worker-push-notifications.html)

## Articles

### Getting Started and Introductions

* [A Beginner’s Guide to Progressive Web Apps & the Frontend Web](https://hackernoon.com/a-beginners-guide-to-progressive-web-apps-the-frontend-web-424b6d697e35)
* [Are Progressive Web Apps the Future?](http://developer.telerik.com/featured/are-progressive-web-apps-future/)
* [Introduction to Progressive Web App with example](https://www.loginradius.com/engineering/blog/introduction-to-progressive-web-apps/)
* [Intro to (Progressive) Web Apps](https://dev.to/sudhakar3697/intro-to-progressive-web-apps-34oo)
* [Progressive web apps have leapfrogged the native install model ... but challenges remain/](http://softwareas.com/progressive-web-apps-have-leapfrogged-the-native-install-model-but-challenges-remain/)
* [Say Hello to Offline First](http://hood.ie/blog/say-hello-to-offline-first.html)
* [What Progressive Web Apps Mean for the Web](http://developer.telerik.com/featured/what-progressive-web-apps-mean-for-the-web/)

### Case Studies and Real-World Apps

* [A Tinder Progressive Web App Performance Case Study](https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0)
* [From Electron to Progressive Web App](https://mjswensen.com/blog/2019/03/23/from-electron-to-progressive-web-app/)
* [How I built a Progressive Beer App](https://deanhume.com/Home/BlogPost/how-i-built-a-progressive-beer-app/10148)
* [How I made a Progressive Web App out of my Blog](https://alexjoverm.github.io/2017/08/07/How-I-made-a-Progressive-Web-App-out-of-my-Blog/)
* [How we made our website offline first](https://blog.skcript.com/svr/offline-is-the-new-online/)
* [Introducing Pokedex.org: a progressive webapp for Pokémon fans](http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org)
* [Swift Migration to Progressive Web App](https://medium.com/engineering-housing/progressing-mobile-web-fac3efb8b454)

### Performance and Optimization

* [FLIP your animations](https://aerotwist.com/blog/flip-your-animations/)
* [IndexedDB, WebSQL, LocalStorage – what blocks the DOM?](https://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/)
* [PWA Performance](https://speedcurve.com/blog/pwa-performance/)
* [The web app "discovery problem"](https://remysharp.com/2016/04/11/the-webapp-discovery-problem)

### Technical Guides and Deep Dives

* [A full-stack solution for fast PWA development](https://medium.zenika.com/a-full-stack-solution-for-fast-pwa-development-937288b055b8)
* [How to build a PWA from scratch with HTML, CSS, and JavaScript](https://www.freecodecamp.org/news/build-a-pwa-from-scratch-with-html-css-and-javascript/)
* [Installable Web Apps with the WebApp Manifest in Chrome for Android](https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android)
* [Integrating Progressive Web Apps deeply into Android](https://blog.chromium.org/2017/02/integrating-progressive-web-apps-deeply.html)
* [Is Service Worker ready?](https://jakearchibald.github.io/isserviceworkerready/)
* [PWA - E-Commerce - Compare List](https://docs.google.com/spreadsheets/d/1nx5jcHa6reIH20q20uDnZLQNjuK2ohk-HmQ09hy9NCE/edit#gid=0)
* [Service Worker - Revolution of the Web Platform](https://ponyfoo.com/articles/serviceworker-revolution)
* [Service Workers: Dynamic Responsive Images using WebP Images](http://deanhume.com/Home/BlogPost/service-workers--dynamic-responsive-images-using-webp-images/10132/)
* [Support for theme-color in Chrome 39 for Android](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
* [The Building Blocks Of Progressive Web Apps](https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/)
* [You’re Missing the Point of Server-Side Rendered JavaScript Apps](http://tomdale.net/2015/02/youre-missing-the-point-of-server-side-rendered-javascript-apps/)

## Videos

### Google I/O

* [AMP + Progressive Web Apps: Start fast, stay engaged - Google I/O 2016](https://www.youtube.com/watch?v=a5X_Ot-R6lo)
* [Angular 2 and Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=vAb-2d1vcg8)
* [Building for billions on the web - Google I/O 2016](https://www.youtube.com/watch?v=E6hGubMkNfM)
* [Building the Google I/O Web App: Launching a Progressive Web App on Google.com  - Google I/O 2016](https://www.youtube.com/watch?v=__KvYxcIIm8)
* [Fast and resilient web apps: Tools and techniques - Google I/O 2016](https://www.youtube.com/watch?v=aqvz5Oqs238)
* [Fireside Chat with the Progressive Web Apps Crew - Google I/O 2016](https://www.youtube.com/watch?v=Sy4oH8JZuJQ)
* [Going Big: PWAs Come to Desktop and Chrome OS (Google I/O ’19)](https://www.youtube.com/watch?v=2KhRmFHLuhE)
* [Great libraries and tools for great Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=Use459WBeWc)
* [Houdini: Demystifying the Future of CSS - Google I/O 2016](https://www.youtube.com/watch?v=sE3ttkP15f8)
* [Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=cmGr0RszHc8)
* [Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016](https://www.youtube.com/watch?v=fFF2Yup2dMM)
* [Progressive, Performant, Polymer: Pick Three - Google I/O 2016](https://www.youtube.com/watch?v=J4i0xJnQUzU)
* [Progressive Web Apps across all frameworks - Google I/O 2016](https://www.youtube.com/watch?v=srdKq0DckXQ)
* [Progressive Web Apps on Firebase - Google I/O 2016](https://www.youtube.com/watch?v=SobXoh4rb58)
* [PWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O '18)](https://www.youtube.com/watch?v=we3lLo-UFtk)
* [Search and the mobile content ecosystem - Google I/O 2016](https://www.youtube.com/watch?v=xeGzQhAU2XI)
* [Service workers at scale with Facebook and Flipkart - Google I/O 2016](https://www.youtube.com/watch?v=fGTUIlEM0m8)
* [The Mobile Web: State of the Union - Google I/O 2016](https://www.youtube.com/watch?v=0SSI8liELJU)
* [Unlocking New Capabilities for the Web (Google I/O ’19)](https://www.youtube.com/watch?v=GSiUzuB-PoI)
* [V8, modern JavaScript, and beyond - Google I/O 2016](https://www.youtube.com/watch?v=N1swY14jiKc)
* [Who are you, really: Safer and more convenient sign-in on the web - Google I/O 2016](https://www.youtube.com/watch?v=MnvUlGFb3GQ)

### Progressive Web App Summit 2016

* [Building for Billions (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Vmg1ECC2r2Q&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=20)
* [Deep Engagment with Push Notifications (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Zq-tRtBN3ws&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=9)
* [Instant-loading Offline-first (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=qDJAz3IIq18&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=3)
* [Instant loading with HTTP/2 (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=G62aCRIlONU&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=7)
* [Konga (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=GNbVdPi24gg&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=26)
* [Mythbusting HTTPS (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=e6DUrH56g14&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=5)
* [Opening Keynote (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=9Jef9IluQw0&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=1)
* [Progressive Web Apps in any context (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=8dr_IUGwsO0&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=13)
* [Putting the Progressive in Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=zHNYFUhVzgw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=15)
* [Samsung internets progressive web app commitment (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=4_qhu-4EQGA&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=27)
* [Summit Report: Building for billions with Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=kxE4bLSC-xw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=18)
* [Summit Report: Checking in with Paul Lewis and Jake Archibald (Progressive Web Apps Summit 2016)](https://www.youtube.com/watch?v=TVolBgyaiTQ&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=4)
* [Summit Report: Making Progressive Web Apps accessible, at scale! (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=1qqZIeQNuxE&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=14)
* [Summit Report: Progressive Web Apps for any occassion! (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=oKQpfevHHUY&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=12)
* [Summit Report: Reach, acquisition and conversion (Progressive Web Apps Summit 2016)](https://www.youtube.com/watch?v=Vou8NruMyWA&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=16)
* [Summit Report: Talking HTTPS with Emily Schechter (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=U638eR0ltUo&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=6)
* [Summit Report: The Web Developers swarm! (Progressive Web Apps Summit 2016)](https://www.youtube.com/watch?v=y-E-z6XVKGI&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=2)
* [Summit Report: What do I need to know about HTTP2? (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=w--PU4HO9SM&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=10)
* [Summit Report: Why's it called a Progressive Web App? (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=yxy1BOC1-q8&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=8)
* [The Future of Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=kB4MgJ0AoOw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=22)
* [Tools for Success (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=m2Zk5CgVX9I&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=21)
* [To the Lighthouse (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=LZjQ25NRV-E&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=19)
* [UI Elements at 60fps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=ZqdNgn5Huqk&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=11)
* [Using Web Components to Build PWAs (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=pBCDdeqzUlY&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=17)

### Chrome Dev Summit

* [Building and deploying a Progressive Web App at scale with Flipkart (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=StdKz32M1RM)
* [Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=g7f1Az5fxgU)
* [Progressive Web Apps (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=MyQ8mtR9WxI)

### Other Talks and General Concepts

* [Breaking the 1000ms Time to Glass Mobile Barrier  (vid)](https://www.youtube.com/watch?v=Il4swGfTOSM)
* [Building a Progressive Web App - Aditya Punjani](https://www.youtube.com/watch?v=m2tvYGCdOzs)
* [Interview with Google Software Engineer Alex Russell - O'Reilly Fluent Conference 2016](https://www.youtube.com/watch?v=vMg9sycUnm4&list=PL055Epbe6d5bQubu5EWf_kUNA3ef_qbmL&index=36)
* [Polymer Summit 2016 Youtube Playlist](https://www.youtube.com/watch?list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ&v=VBbejeKHrjg)
* [Progressive web apps and what's next for mobile](https://www.oreilly.com/ideas/progressive-web-apps-and-whats-next-for-mobile?utm_source=twitter&utm_medium=webplatform&utm_campaign=YTknRussell-jj)
* [Progressive Web Apps and What's Next for Mobile](https://www.youtube.com/watch?v=JP5p6t3wNLA)
* [Progressive Web Apps Are Easy Now - Or Are They with Thorsten Lorenz -- UtahJS 2018](https://youtu.be/bKxtwzr0sy0)
* [Progressive Web Apps: the future of Apps](https://dev.opera.com/blog/pwa-taipei/)
* [Progressive Web Apps Training 2019 - Playlist](https://www.youtube.com/watch?v=psB_Pjwhbxo&list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh)
* [Progressive Web Apps with Alex Russell](https://www.youtube.com/watch?v=x7cfLDFVyHo)
* [PWA Training Course 2017 Playlist with Sarah Clark, Google Developers India](https://www.youtube.com/playlist?list=PLlyCyjh2pUe9RHFCJHU0kxpaivUzADPYk)
* [The applied science of runtime performance (vid)](https://www.youtube.com/watch?v=RCFQu0hK6bU)
* [The Service Worker is Coming - Look Busy (vid)](https://www.youtube.com/watch?v=SmZ9XcTpMS4)
* [Why Build Progressive Web Apps? - Playlist](https://www.youtube.com/watch?v=4UK_TDTTWnQ&list=PLNYkxOF6rcIAvsHlT44x-Kve2lG8CrDip)

## Tools

### Generators and CLIs

* [`DSW`](https://github.com/naschq/dsw): Generate your Service Worker dynamically, webmanifest, rules for requests, redirects, etc.
* [`fetch-manifest-json`](https://github.com/hemanth/fetch-manifest-json): Fetch the `mainfest.json` from an URL.
* [`Manifest Generator`](https://brucelawson.github.io/manifest/): This simple page will generate the manifest file for you.
* [`manifest-json`](https://www.npmjs.com/package/manifest-json): CLI tool for creating `mainfest.json`.
* [`PWA Asset Generator`](https://github.com/elegantapp/pwa-asset-generator): Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images.
* [`PWAify`](https://github.com/vladikoff/PWAify): CLI tool to convert your PWA into a cross-platform desktop app.

### Service Worker Libraries

* [`fetch-sync`](https://github.com/sdgluck/fetch-sync): Proxy Fetch requests through the Background Sync API
* [`msgr`](https://github.com/sdgluck/msgr): Nifty service worker/client message utility
* [`serviceworkerware`](https://github.com/fxos-components/serviceworkerware): An Express-like layer on top of ServiceWorkers to provide a way to easily plug functionality
* [`sw-delta`](https://github.com/gmetais/sw-delta): An incremental cache for the web.
* [`sw-precache`](https://github.com/GoogleChrome/sw-precache): A node module to generate service worker code that will precache specific resources
* [`sw-toolbox`](https://github.com/GoogleChrome/sw-toolbox): A runtime caching library
* [`UpUp`](https://github.com/TalAter/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
* [`verifyfetch`](https://github.com/hamzaydia/verifyfetch): Resumable, integrity-verified downloads for large offline assets. Includes Service Worker mode for transparent verification of all fetch requests.
* [`Workbox`](https://github.com/GoogleChrome/workbox): Javascript Library for building progressive web apps

### Webpack and Framework Plugins

* [`offline-plugin`](https://github.com/NekR/offline-plugin): Offline plugin (ServiceWorker, AppCache) for webpack (<http://webpack.github.io/>)
* [`serviceworker-rails`](https://github.com/rossta/serviceworker-rails): Plugin to integrate Service Worker with the Rails asset pipeline.
* [`serviceworker-webpack-plugin`](https://github.com/oliviertassinari/serviceworker-webpack-plugin): Simplifies creation of a service worker to serve your webpack bundles.
* [`sw-precache-webpack-plugin`](https://github.com/goldhand/sw-precache-webpack-plugin): SW Precache Webpack Plugin

### Testing and Auditing

* [`PageGuard`](https://pageguard.org): Free website health scanner that audits performance, accessibility (WCAG 2.1), SEO, and best practices — ideal for verifying PWA quality before launch.

### Miscellaneous Utilities

* [`a2hs.js`](https://github.com/koddr/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.
* [`add-to-homescreen`](https://github.com/philfung/add-to-homescreen): Easily add a website/PWA to home screen on IOS/Android/Desktop.
* [`@forlagshuset/simple-fs`](https://github.com/fagbokforlaget/simple-fs): Needs offline filesystem? SimpleFS provides sweet promise based nodejs file API on top of indexeddb.
* [`HNPWA`](https://github.com/tastejs/hacker-news-pwas): Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.
* [`pwa-badge`](https://github.com/ali-master/pwa-badge): Badging for PWA app icons, Like Native Apps
* [`pure-web`](https://www.npmjs.com/package/pure-web): Web component for enhancing PWA capabilities — install prompts, offline indicators, and update notifications.

## Kits

* [`Bento starter`](https://github.com/kefranabg/bento-starter): Full-stack solution to build Progressive Web Apps.
* [`Progressive Web Application skeleton`](https://github.com/PolymerLabs/progressive-webapp-config): A simple set of skeleton files for shipping a Progressive Web App.
* [`pwabuilder`](http://www.pwabuilder.com/): All the tools you need to build and deploy your Progressive Web Apps.
* [`Web Starter Kit`](https://github.com/google/web-starter-kit): A workflow for multi-device websites.
* [Polymer App Toolbox](https://www.polymer-project.org/3.0/toolbox/): "a collection of components, tools and templates for building Progressive Web Apps with Polymer"
* [Preact CLI](https://github.com/developit/preact-cli): "Your next Preact PWA in 30 seconds"
* [Simple PWA](https://simplepwa.com): A Progressive Web App template that provides the minimum file structure needed to create a PWA
* [Stencil PWA toolkit](https://stenciljs.com/pwa/): Ionic's "Everything you need to easily build fast, production ready Progressive Web Apps"

## Courses

* [Developing Progressive Web Apps Course](https://codelabs.developers.google.com/dev-pwa-training) (free)
* [Getting Started with Progressive Web Apps](https://www.pluralsight.com/courses/web-apps-progressive-getting-started) (paid)
* [Intro to Progressive Web Apps](https://udacity.com/course/intro-to-progressive-web-apps--ud811) (free)
* [Learn to build progressive web apps using JavaScript](https://www.udemy.com/course/learn-to-build-progressive-web-apps-using-javascript/) (paid)
* [Progressive Web App Fundamentals](https://www.pluralsight.com/courses/progressive-web-app-fundamentals) (paid)
* [Progressive Web Apps - The Concise PWA Masterclass](https://www.udemy.com/course/progressive-web-apps/) (paid)
* [Progressive Web Apps (PWA) - From Beginner to Expert](https://www.udemy.com/course/progressive-web-apps-pwa-from-beginner-to-expert/) (paid)
* [Progressive Web Apps (PWA) - The Complete Guide](https://www.udemy.com/course/progressive-web-app-pwa-the-complete-guide/) (paid)

## Conferences

* [A list of conferences talking about PWA](https://github.com/mobilehackersio/pwa-confs)