# 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/workflows/CI/badge.svg?branch=master) > Useful resources for creating Progressive Web Apps *Inspired by the [awesome](https://github.com/sindresorhus/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](https://developers.google.com/web/progressive-web-apps/) ## Table of contents * [App Directories](#app-directories) * [Apps](#apps) * [Tutorials](#tutorials) * [Articles](#articles) * [Videos](#videos) * [Tools](#tools) * [Kits](#kits) * [Courses](#courses) * [Conferences](#conferences) ## App Directories * [appsco.pe](https://appsco.pe) * [0data.app](https://0data.app) * [pwalist.app](https://www.pwalist.app/) ## Apps * [2brew](https://2brew.github.io/): PWA timer for coffee brewing * [2fA](https://2fa.crossphoton.tech): Extended 2FA * [abc.xyz](https://abc.xyz): Alphabet website * [Air Horner](https://airhorner.com/): Air horn sound. * [AlarmDJ](https://alarmdj.com): Online alarm clock that plays MP3 files or YouTube videos. * [Aliexpress](https://m.aliexpress.com/?tracelog=wwwhome2mobilesitehome): Global shopping * [ampproject](https://www.ampproject.org): Web component framework. * [Anonynote](https://anonynote.org): Note-taking app. * [Avain.app](https://avain.app): Avain * [Bangle.io](https://bangle.io/) - A Notion like local note taking tool where data is saved in your computer and in Markdown format. * [Bank Maskan](https://pwa.bank-maskan.ir): Iranian bank * [Rayanhamafza FWA](https://fwa.rayanbroker.ir): Iranian funds By RayanHamAfza (Only From Iran-Ip) * [Bento-starter](https://bento-starter.firebaseapp.com): Open-Source Full-Stack solution for fast PWA development * [Best Markdown Editor](https://bestmarkdowneditor.com): undefined * [BitMidi](https://bitmidi.com): Listen to your favorite MIDI files. * [Bolster](https://bolster.pro/): Bolster * [2048 Game](https://2048game.com/) 2048 Game * [Booksie](https://www.booksie.org/): An open catalog of free picture storybooks for children instantly available for reading. * [Budget Tracker](https://btapp.netlify.com/): Track expenses and analyse if they stick to a budget * [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. * [Calculator](https://calculator-app-tau.vercel.app/): A calculator app with theme switcher * [Care Cards](https://carecards.io): Care Cards * [Cat Safe Foods](https://catsafefoods.com): Sharing food with your cat? Make sure it's safe first * [Chrome Developer Summit](https://developers.google.com/): Google Developers * [Clock App](https://clockapp.tk/): Analog Alarm Clock App * [Closerintime](https://closerinti.me): #closerintime * [Colosseum](https://naramsim.github.io/Colosseum/): Displays Pokemons in a beautiful way * [ComputerBase](https://www.computerbase.de/): German IT news site. * [Contrax](https://contrax.app): Track your contracts, subscriptions and trials. * [Crazy Dice](https://crazydice.netlify.app): Simple Dice App. * [Currency Converter](https://www.currency-x.com): Currency Calculator * [Currency Exchange Loss Calculator](https://currency-loss.netlify.com/): Currency Exchange Loss Calculator * [Datememe](https://www.datememe.com): Online dating. * [Demo PWA](https://github.com/gokulkrishh/demo-progressive-web-app): Demonstrating offline, push notifications, background sync etc. * [Dev.Opera](https://dev.opera.com/): Dev.Opera * [DevDocs](https://devdocs.io/): API Documentation Browser * [Digikala](https://www.digikala.com/): Digikala Web App * [Dog Safe Foods](https://dogsafefoods.com): Sharing food with your dog? Make sure it's safe first * [DontBore](https://dontbo.re/): Find and share logins. * [DTH Search India](https://www.dthchannelsearch.in/): Search DTH TV channel numbers in India. * [ELFSH](https://elfsh.mousetail.nl): Food and expense manager. * [emberclear](https://emberclear.io): Encrypted Chat. No History. No Logs. * [Emoji Log](https://emojilog.rosano.ca): Personal tracker * [Etch](https://etch.co): A Small team of Designers and Developers. * [Farmhand](https://jeremyckahn.github.io/farmhand/): Farmhand * [FarmOS](https://farmos.app/): Farm record keeping * [Fast Golf Scores](https://fastgolfscores.com): Fast Golf Scores. * [FileLove](https://file.love/): Minimal p2p file transfer right in the browser. * [Firefox Platform Status](https://platform-status.mozilla.org/): Firefox Platform Status * [FlagWarriors](https://flagwarriors.netlify.com): Minimalist multiplayer strategy game. * [Football Peek](https://footballpeek.com/): Football results. * [Freelancer](https://m.freelancer.com/messages): Hire the best freelancers for any job, online. * [ghChat](https://github.com/aermin/ghChat): Chat application for GitHub. * [GitHub Explorer](https://github-e.com/): Profile viewer. * [Google Drive](https://drive.google.com/): File storage. * [Google Duo](https://duo.google.com/): Video Calling. * [Google Maps](https://www.google.com/maps/): Online maps. * [Google Photos](https://photos.google.com/): Photo management. * [Google Stadia](https://stadia.google.com/): Gaming across devices. * [GPA Calculator](https://gpacalculator.memorymaps.io/): Generate animated artwork from your unique GPA inputs. * [GPA Calculator](https://gpacalculator.io): Calculate your college GPA. * [guitar-tuner](https://aerotwist.com/blog/guitar-tuner/): Aerotwist Guitar Tuner * [Housing Go](http://www.housing.com): Real estate in India. * [Hugo](https://app.hugo.team/): Meeting notes. * [Hyperdraft](https://hyperdraft.rosano.ca): Turn your text notes into a website. * [Indecisive.US](https://indecisive.us/): App to help you make a decision. * [Journalistic](https://journalisticapp.com/): Micro Journaling App. * [Joybox](https://joybox.rosano.ca): A pinboard for audiovisual media. * [jsfeatures](https://jsfeatures.in): JavaScript features * [JSON Formatter](https://jsonformatter.live/): Minimalist JSON formatter. * [Kahla](https://web.kahla.app): Business messaging app. * [Kommit](https://kommit.rosano.ca): Create flashcards and learn them with spaced-repetition. * [Launchlet](https://launchlet.dev): Customize any website with JavaScript or CSS. * [Let's Plant](https://letsplant.org/): Plant chooser. * [Lofimusic.app](https://lofimusic.app/): Online radio Radio * [Lorem Ipsum](https://loremipsum.io): Lorem Ipsum generator. * [Math Riddles](https://mathriddles.netlify.app): Interesting Math Riddles. * [Make Better Software](https://makebetter.software): Raise software standards. * [MConverter](https://mconverter.eu): Online file converter. * [Medium](https://medium.com/): Writing space. * [Memory Game PWA](https://pwa-memory-game.surge.sh/): Strengthen your memory. * [Messages for web (by google)](https://messages.google.com/web/): 400 * [MoneyTracker](https://moneytracker.cc/): Personal finances tracking web app. * [Morse Code Translator](https://morsedecoder.com/): Morse Code tools * [MTGStocks](https://www.mtgstocks.com/news): Magic the Gathering price tracker. * [Murlok.io](https://murlok.io/): World of Warcraft Shadowlands. * [MYHELLOIOT](https://adrianromero.github.io/myhelloiot/): MQTT client application. * [Notella](https://github.com/siddharthkp/notella): No fluff notes app. * [OmniCam](https://www.omnicamapp.com/): Live streaming webcams around the world. * [Othello](https://othello-rust.web.app/): Play Othello against the computer. * [PakWheels](https://www.pakwheels.com/): Buy/sell cars. * [Passky](https://vault.passky.org/): Free and open-source Password Manager * [Paytm Lite](https://paytm.com/): Online wallet and payments. * [Photopea](https://www.photopea.com/): Online Photo Editor. * [PixelCraft](https://pixelcraft.web.app): Pixel Art Editor * [Pokedex](https://pokedex.org/): Indexing Pokémon * [PokeQuest Wiki](https://pokequest.wiki/): Search for Pokémon * [Police Lights](https://policelights.tk/): Police Car Light Flash Screen App * [Pomotimer](https://pomotimer.com/): Pomodoro Technique Timer * [PregBuddy](https://app.pregbuddy.com): Information for pregnant women. * [Progressive Beer](https://deanhume.github.io/beer/): Progressive Beer * [PWA-NES](https://pwa-nes.vercel.app/): 8-bit NES emulator * [QR Code Generator](https://qr-code-generator.now.sh): Create custom QR Codes. * [QR Code Scanner](https://qrcodescan.in/): Scan a QR code. * [RedditLattice](https://redditlattice.netlify.app/): A reddit viewer for image based subreddits. Lays out the images in a tight lattice. * [Regex101](https://regex101.com/): Build, test and debug regex. * [Remember](https://paulhoughton.github.io/remember/): Location-based reminders. * [Resume Nation](https://resume-nation.github.io): Resume creator. * [Rydeen](https://rydeen.app/): Task management app for individuals. * [SaintsApp](https://saintsschedule.info/): New Orleans Saints' game schedule. * [Saucekudasai](https://saucekudasai.com): An Anime seacrch engine that finds animeinfo based on image provided * [Scoreboard.Rocks](https://scoreboard.rocks/): Scoreboard App. * [Similar Worlds](https://similarworlds.com/): Experience Project Alternative. Find people with similar interests. * [Simple Currency Converter](https://currency-converter.now.sh): Currency Converter * [Skcript](https://www.skcript.com/): Ruby on Rails Consulting. * [Smaller Pictures](https://smaller-pictures.appspot.com): Image compressor. * [Snapdrop](https://snapdrop.net): Transfer files over wifi. * [SoundCloud](https://soundcloud.com/): Stream and listen to music. * [Soundpad](https://soundpad.tk/): Sound Sequencer App. * [Soundslice](https://www.soundslice.com): Create living sheet music. * [SplittyPie](https://splittypie.com): Easy expense splitting. * [Spotify](https://open.spotify.com/): Music streaming. * [sv-ginger](https://sv-ginger.appspot.com/): Ginger WebGL Morph Demo * [SvenPanel](https://svenpanel.de/): The Shrine - The Message Is Feierei Alda. * [SVGOMG](https://jakearchibald.github.io/svgomg/): SVGO's Missing GUI * [Swahili Dictionary](https://swahili-dictionary.com/): Offline Swahili-English-Swahili dictionary * [Taskade](https://www.taskade.com): Remote Team Workspace. * [Telegram](https://web.telegram.org/): Telegram Web App. * [Themer](https://themer.dev): Theme generator for editors, terminals, wallpapers, and more. * [Threema Web](https://web.threema.ch/): The messenger that puts security and privacy first. * [Timetable](https://leoherrmann.github.io/timetable/): Interactive editable timetable. * [Tinder](https://tinder.com): Dating app. * [todo.blue](https://todo.blue/): ToDo app. * [Todoly](https://t4p4n.github.io/todoly/): A Simple ToDo PWA * [Total Formatter](https://totalformatter.web.app): YAML Formatter * [trivago](https://www.trivago.com/): Hotel prices. * [Tutor Portfolio PWA](https://englishextra.gitlab.io/): ??? * [Twitter](https://twitter.com): Microblogging app. * [Uber Web](https://m.uber.com): Ridesharing app. * [Unalengua IPA Translator](https://unalengua.com/ipa): Translate to IPA. * [VeganCheck](https://vegancheck.me): Check if a product is vegan or not. * [VeggieTables](https://veggietables.org): Track your crops and farming activities. * [Versus](https://versus.com/en): Consumer electronics shopping. * [VideoTrim.app](https://videotrim.app): Video trimmer app in the browser. * [Wave-PD1](https://alexgibson.github.io/wavepad/): Synth toy. * [Web NFC enabled shopping cart](https://webnfc-shoppingcart.appspot.com): Shopping list demo. * [Word Counter](https://wordcounter.io): Count characters, words, sentences, paragraphs, pages. * [Wormhole](https://wormhole.app/): Share files with end-to-end encryption. * [X Sound](https://korilakkuma.github.io/X-Sound/): Online keyboard synth. * [Yahtzee](https://zpix1.github.io/yahtzee/): Dice generator. * [Youtube Music](https://music.youtube.com/): Music streaming via YouTube. * [ztable.io](https://ztable.io/): Z-Table lookup & Z-Score calculator. ## 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) * [Codelabs to build PWAs with Polymer 2.0](https://codelabs.developers.google.com/polymer-summit-2016) * [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://in.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/) * [Service Worker Cookbook - Mozilla](https://serviceworke.rs/) * [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 * [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) * [A full-stack solution for fast PWA development](https://medium.zenika.com/a-full-stack-solution-for-fast-pwa-development-937288b055b8) * [A Tinder Progressive Web App Performance Case Study](https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0) * [Are Progressive Web Apps the Future?](http://developer.telerik.com/featured/are-progressive-web-apps-future/) * [FLIP your animations](https://aerotwist.com/blog/flip-your-animations/) * [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://www.skcript.com/svr/offline-is-the-new-online/) * [IndexedDB, WebSQL, LocalStorage – what blocks the DOM?](https://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/) * [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) * [Introducing Pokedex.org: a progressive webapp for Pokémon fans](http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org) * [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) * [Is Service Worker ready?](https://jakearchibald.github.io/isserviceworkerready/) * [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/) * [PWA Performance](https://speedcurve.com/blog/pwa-performance/) * [PWA - E-Commerce - Compare List](https://docs.google.com/spreadsheets/d/1nx5jcHa6reIH20q20uDnZLQNjuK2ohk-HmQ09hy9NCE/edit#gid=0) * [Say Hello to Offline First](http://hood.ie/blog/say-hello-to-offline-first.html) * [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) * [Swift Migration to Progressive Web App](https://medium.com/engineering-housing/progressing-mobile-web-fac3efb8b454) * [The Building Blocks Of Progressive Web Apps](https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/) * [The web app "discovery problem"](https://remysharp.com/2016/04/11/the-webapp-discovery-problem) * [What Progressive Web Apps Mean for the Web](http://developer.telerik.com/featured/what-progressive-web-apps-mean-for-the-web/) * [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 * [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) * [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) * [Building and deploying a Progressive Web App at scale with Flipkart (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=StdKz32M1RM) * [Building for Billions (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Vmg1ECC2r2Q&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=20) * [Building for billions on the web - Google I/O 2016](https://www.youtube.com/watch?v=E6hGubMkNfM) * [Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=g7f1Az5fxgU) * [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) * [Deep Engagment with Push Notifications (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Zq-tRtBN3ws&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=9) * [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 with HTTP/2 (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=G62aCRIlONU&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=7) * [Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=cmGr0RszHc8) * [Instant-loading Offline-first (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=qDJAz3IIq18&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=3) * [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) * [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) * [Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016](https://www.youtube.com/watch?v=fFF2Yup2dMM) * [Polymer Summit 2016 Youtube Playlist](https://www.youtube.com/watch?list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ&v=VBbejeKHrjg) * [Progressive Web Apps (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=MyQ8mtR9WxI) * [Progressive Web Apps across all frameworks - Google I/O 2016](https://www.youtube.com/watch?v=srdKq0DckXQ) * [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 in any context (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=8dr_IUGwsO0&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=13) * [Progressive Web Apps on Firebase - Google I/O 2016](https://www.youtube.com/watch?v=SobXoh4rb58) * [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) * [Progressive Web Apps: the future of Apps](https://dev.opera.com/blog/pwa-taipei/) * [Progressive, Performant, Polymer: Pick Three - Google I/O 2016](https://www.youtube.com/watch?v=J4i0xJnQUzU) * [Putting the Progressive in Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=zHNYFUhVzgw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=15) * [PWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O '18)](https://www.youtube.com/watch?v=we3lLo-UFtk) * [PWA Training Course 2017 Playlist with Sarah Clark, Google Developers India](https://www.youtube.com/playlist?list=PLlyCyjh2pUe9RHFCJHU0kxpaivUzADPYk) * [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) * [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) * [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 applied science of runtime performance (vid)](https://www.youtube.com/watch?v=RCFQu0hK6bU) * [The Future of Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=kB4MgJ0AoOw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=22) * [The Mobile Web: State of the Union - Google I/O 2016](https://www.youtube.com/watch?v=0SSI8liELJU) * [The Service Worker is Coming - Look Busy (vid)](https://www.youtube.com/watch?v=SmZ9XcTpMS4) * [To the Lighthouse (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=LZjQ25NRV-E&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=19) * [Tools for Success (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=m2Zk5CgVX9I&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=21) * [UI Elements at 60fps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=ZqdNgn5Huqk&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=11) * [Unlocking New Capabilities for the Web (Google I/O ’19)](https://www.youtube.com/watch?v=GSiUzuB-PoI) * [Using Web Components to Build PWAs (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=pBCDdeqzUlY&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=17) * [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) * [Why Build Progressive Web Apps? - Playlist](https://www.youtube.com/watch?v=4UK_TDTTWnQ&list=PLNYkxOF6rcIAvsHlT44x-Kve2lG8CrDip) ## Tools * [`@forlagshuset/simple-fs`](https://github.com/fagbokforlaget/simple-fs): Needs offline filesystem? SimpleFS provides sweet promise based nodejs file API on top of indexeddb. * [`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. * [`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. * [`fetch-sync`](https://github.com/sdgluck/fetch-sync): Proxy Fetch requests through the Background Sync API * [`HNPWA`](https://github.com/tastejs/hacker-news-pwas): Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC. * [`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`. * [`msgr`](https://github.com/sdgluck/msgr): Nifty service worker/client message utility * [`offline-plugin`](https://github.com/NekR/offline-plugin): Offline plugin (ServiceWorker, AppCache) for webpack () * [`platinum-sw-register`](https://elements.polymer-project.org/elements/platinum-sw?active=platinum-sw-register): handles service worker registration for Polymer applications * [`PWAify`](https://github.com/vladikoff/PWAify): CLI tool to convert your PWA into a cross-platform desktop app. * [`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. * [`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-webpack-plugin`](https://github.com/goldhand/sw-precache-webpack-plugin): SW Precache Webpack Plugin * [`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 * [`Workbox`](https://github.com/GoogleChrome/workbox): Javascript Library for building progressive web apps * [`pwa-badge`](https://github.com/ali-master/pwa-badge): Badging for PWA app icons, Like Native Apps ## Kits * [`Bento starter`](https://github.com/kefranabg/bento-starter): Full-stack solution to build Progressive Web Apps. * [`Lavas`](https://lavas.baidu.com): A framework base on vue for building 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. * [`React Storefront`](https://github.com/moovweb/react-storefront): Framework for progressive web apps with React. * [`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://in.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)