├── .devcontainer └── devcontainer.json ├── .github └── workflows │ └── test.yml └── README.md /.devcontainer/devcontainer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "awesome-pwa", 3 | "image": "mcr.microsoft.com/devcontainers/base:alpine-3.17" 4 | } 5 | -------------------------------------------------------------------------------- /.github/workflows/test.yml: -------------------------------------------------------------------------------- 1 | name: CI 2 | 3 | on: [push, pull_request] 4 | 5 | jobs: 6 | build: 7 | 8 | runs-on: ubuntu-latest 9 | 10 | steps: 11 | - uses: actions/checkout@v2 12 | - uses: ruby/setup-ruby@v1 13 | with: 14 | ruby-version: '2.7' 15 | - name: Install awesome_bot 16 | run: gem install awesome_bot 17 | - name: Check links 18 | run: awesome_bot -f README.md --set-timeout 10 --allow-redirect --white-list twitter.com/addyosmani,github.com/sindresorhus/awesome,messages.google.com/web,trivago.com,udemy.com --skip-save-results 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # awesome-pwa [](https://github.com/sindresorhus/awesome)  2 | 3 | > Useful resources for creating Progressive Web Apps 4 | 5 | ## What is a Progressive Web App 6 | 7 | > 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. 8 | 9 | _Source:_ [Google Developers - Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/) 10 | 11 | ## Table of contents 12 | 13 | * [App Directories](#app-directories) 14 | * [Apps](#apps) 15 | * [Tutorials](#tutorials) 16 | * [Articles](#articles) 17 | * [Videos](#videos) 18 | * [Tools](#tools) 19 | * [Kits](#kits) 20 | * [Courses](#courses) 21 | * [Conferences](#conferences) 22 | 23 | ## App Directories 24 | 25 | * [appsco.pe](https://appsco.pe) 26 | * [0data.app](https://0data.app) 27 | * [paquet.app](https://paquet.app/home) 28 | * [pwalist.app](https://www.pwalist.app/) 29 | * [store.app](https://store.app/) 30 | 31 | ## Apps 32 | 33 | * [2brew](https://2brew.github.io/): PWA timer for coffee brewing 34 | * [3D House Editor](https://3dhouseplanner.com/app2.php): Free 3D floor planner 35 | * [abc.xyz](https://abc.xyz): Alphabet website 36 | * [Air Horner](https://airhorner.com/): Air horn sound. 37 | * [AlarmDJ](https://alarmdj.com): Online alarm clock that plays MP3 files or YouTube videos. 38 | * [ampproject](https://www.ampproject.org): Web component framework. 39 | * [Anonynote](https://anonynote.org): Note-taking app. 40 | * [Avain.app](https://avain.app): Avain 41 | * [Backgammon](https://nenadalm.github.io/backgammon/): Backgammon game with local multiplayer (no single player). 42 | * [Bangle.io](https://bangle.io/) - A Notion like local note taking tool where data is saved in your computer and in Markdown format. 43 | * [Bento-starter](https://bento-starter.firebaseapp.com): Open-Source Full-Stack solution for fast PWA development 44 | * [Best Markdown Editor](https://bestmarkdowneditor.com): undefined 45 | * [BitMidi](https://bitmidi.com): Listen to your favorite MIDI files. 46 | * [2048 Game](https://play2048.co/) 2048 Game 47 | * [Booksie](https://www.booksie.org/): An open catalog of free picture storybooks for children instantly available for reading. 48 | * [Brutalist Hacker News](https://brutalisthackernews.com): A Hacker News reader inspired by Brutalist Web design, Cyberpunk, retro computing, Y2K Aesthetics 49 | * [Budget Tracker](https://btapp.netlify.com/): Track expenses and analyse if they stick to a budget 50 | * [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. 51 | * [Calculator](https://calculator-app-tau.vercel.app/): A calculator app with theme switcher 52 | * [Care Cards](https://carecards.io): Care Cards 53 | * [Cat Safe Foods](https://catsafefoods.com): Sharing food with your cat? Make sure it's safe first 54 | * [Chitchatter](https://chitchatter.im/): Secure peer-to-peer chat that is serverless, decentralized, and ephemeral 55 | * [Chrome Developer Summit](https://developers.google.com/): Google Developers 56 | * [Closerintime](https://closerinti.me): #closerintime 57 | * [collAnon](https://collanon.app): Private discussions, perspectives exchange and a simple Gantt calendar. 58 | * [ColorBeta](https://colorbeta.com): Advanced CSS Gradient Generator 59 | * [Colosseum](https://naramsim.github.io/Colosseum/): Displays Pokemons in a beautiful way 60 | * [ComputerBase](https://www.computerbase.de/): German IT news site. 61 | * [Contrax](https://contrax.app): Track your contracts, subscriptions and trials. 62 | * [Crazy Dice](https://crazydice.netlify.app): Simple Dice App. 63 | * [Currency Exchange Loss Calculator](https://currency-loss.netlify.com/): Currency Exchange Loss Calculator 64 | * [Datememe](https://www.datememe.com): Online dating. 65 | * [Demo PWA](https://github.com/gokulkrishh/demo-progressive-web-app): Demonstrating offline, push notifications, background sync etc. 66 | * [Dev.Opera](https://dev.opera.com/): Dev.Opera 67 | * [DevDocs](https://devdocs.io/): API Documentation Browser 68 | * [Digikala](https://www.digikala.com/): Digikala Web App 69 | * [Dog Safe Foods](https://dogsafefoods.com): Sharing food with your dog? Make sure it's safe first 70 | * [DoHabit](https://inikann.github.io/DoHabit/): Straightforward habit tracker. 71 | * [DontBore](https://dontbo.re/): Find and share logins. 72 | * [DTH Search India](https://www.dthchannelsearch.in/): Search DTH TV channel numbers in India. 73 | * [ELFSH](https://elfsh.mousetail.nl): Food and expense manager. 74 | * [emberclear](https://emberclear.io): Encrypted Chat. No History. No Logs. 75 | * [Emoji Log](https://emojilog.rosano.ca): Personal tracker 76 | * [Etch](https://etch.co): A Small team of Designers and Developers. 77 | * [Farmhand](https://www.farmhand.life/): A resource management game that puts a farm in your hand 78 | * [FarmOS](https://farmos.app/): Farm record keeping 79 | * [Fast Golf Scores](https://fastgolfscores.com): Fast Golf Scores. 80 | * [FileLove](https://file.love/): Minimal p2p file transfer right in the browser. 81 | * [FlagWarriors](https://flagwarriors.netlify.com): Minimalist multiplayer strategy game. 82 | * [Football Peek](https://footballpeek.com/): Football results. 83 | * [Freelancer](https://m.freelancer.com/messages): Hire the best freelancers for any job, online. 84 | * [ghChat](https://github.com/aermin/ghChat): Chat application for GitHub. 85 | * [GitHub Explorer](https://github-e.com/): Profile viewer. 86 | * [Google Drive](https://drive.google.com/): File storage. 87 | * [Google Duo](https://duo.google.com/): Video Calling. 88 | * [Google Maps](https://www.google.com/maps/): Online maps. 89 | * [Google Photos](https://photos.google.com/): Photo management. 90 | * [GPA Calculator](https://gpacalculator.memorymaps.io/): Generate animated artwork from your unique GPA inputs. 91 | * [GPA Calculator](https://gpacalculator.io): Calculate your college GPA. 92 | * [guitar-tuner](https://aerotwist.com/blog/guitar-tuner/): Aerotwist Guitar Tuner 93 | * [Housing Go](http://www.housing.com): Real estate in India. 94 | * [Hyperdraft](https://hyperdraft.rosano.ca): Turn your text notes into a website. 95 | * [Indecisive.US](https://indecisive.us/): App to help you make a decision. 96 | * [Journalistic](https://journalisticapp.com/): Micro Journaling App. 97 | * [Joybox](https://joybox.rosano.ca): A pinboard for audiovisual media. 98 | * [jsfeatures](https://jsfeatures.in): JavaScript features 99 | * [JSON Formatter](https://jsonformatter.live/): Minimalist JSON formatter. 100 | * [JustInvoice](https://justinvoice.netlify.app/app): An intuitive invoice manager that works completely in the browser and offline. 101 | * [JustTimeTrack](https://justtimetrack.vercel.app): A Free and Open source Time Tracker. 102 | * [Kahla](https://web.kahla.app): Business messaging app. 103 | * [Kommit](https://kommit.rosano.ca): Create flashcards and learn them with spaced-repetition. 104 | * [Kudoflix](https://kudoflix.com): Online video editor. 105 | * [Launchlet](https://launchlet.dev): Customize any website with JavaScript or CSS. 106 | * [Let's Plant](https://letsplant.org/): Plant chooser. 107 | * [Life counter](https://nenadalm.github.io/life-counter/): Life counter app for 2 players. Supports game profiles, cout up/down. 108 | * [Lofimusic.app](https://lofimusic.app/): Online radio Radio 109 | * [Lorem Ipsum](https://loremipsum.io): Lorem Ipsum generator. 110 | * [Match a Movie](https://match-a-movie.com/): Tinder but for movies to find out what to watch with your friends. 111 | * [Math Riddles](https://mathriddles.netlify.app): Interesting Math Riddles. 112 | * [Make Better Software](https://makebetter.software): Raise software standards. 113 | * [MConverter](https://mconverter.eu): Online file converter. 114 | * [Medium](https://medium.com/): Writing space. 115 | * [Memory Game PWA](https://pwa-memory-game.surge.sh/): Strengthen your memory. 116 | * [MΞRKLIN](https://merklin.xyz): Open-source Ethereum Wallet Explorer. 117 | * [Messages for web (by google)](https://messages.google.com/web/): 400 118 | * [MoneyTracker](https://moneytracker.cc/): Personal finances tracking web app. 119 | * [Morse Code Translator](https://morsedecoder.com/): Morse Code tools 120 | * [MTGStocks](https://www.mtgstocks.com/news): Magic the Gathering price tracker. 121 | * [Murlok.io](https://murlok.io/): World of Warcraft Shadowlands. 122 | * [Music Player PWA](https://akaspanion.github.io/music-app/): Music Player. 123 | * [MYHELLOIOT](https://adrianromero.github.io/myhelloiot/): MQTT client application. 124 | * [Nanocell-csv](https://www.nanocell-csv.com/): A lightweight, cross platform, open-source, PWA CSV file viewer and editor 125 | * [Notella](https://github.com/siddharthkp/notella): No fluff notes app. 126 | * [OmniCam](https://www.omnicamapp.com/): Live streaming webcams around the world. 127 | * [Othello](https://othello-rust.web.app/): Play Othello against the computer. 128 | * [PakWheels](https://www.pakwheels.com/): Buy/sell cars. 129 | * [Passky](https://vault.passky.org/): Free and open-source Password Manager 130 | * [PasteePad](https://pasteepad.com/): Free and simple notepad app 131 | * [Paytm Lite](https://paytm.com/): Online wallet and payments. 132 | * [Photopea](https://www.photopea.com/): Online Photo Editor. 133 | * [PixelCraft](https://pixelcraft.web.app): Pixel Art Editor 134 | * [Player order selector](https://nenadalm.github.io/player-order-selector/): Random player order selector. 135 | * [Pocket Devices](https://pocket-devices.com/): Pocket-sized tools for seamless functionality on the go. 136 | * [Pokedex](https://pokedex.org/): Indexing Pokémon 137 | * [PokeQuest Wiki](https://pokequest.wiki/): Search for Pokémon 138 | * [Pomotimer](https://pomotimer.com/): Pomodoro Technique Timer 139 | * [Progressive Beer](https://deanhume.github.io/beer/): Progressive Beer 140 | * [PPResume](https://ppresume.com/): A LaTeX Based Resume Builder 141 | * [PWA-NES](https://pwa-nes.vercel.app/): 8-bit NES emulator 142 | * [Qi Reader](https://www.qireader.com/): A modern web RSS reader. 143 | * [QR Code Generator](https://qr-code-generator.now.sh): Create custom QR Codes. 144 | * [QR Code Scanner](https://qrcodescan.in/): Scan a QR code. 145 | * [Regex101](https://regex101.com/): Build, test and debug regex. 146 | * [Remember](https://paulhoughton.github.io/remember/): Location-based reminders. 147 | * [RepoTracker](https://repo-tracker.com): Better GitHub Repository Stats, Charts, and Insights 148 | * [Resume Nation](https://resume-nation.github.io): Resume creator. 149 | * [Rydeen](https://rydeen.app/): Task management app for individuals. 150 | * [SaintsApp](https://saintsschedule.info/): New Orleans Saints' game schedule. 151 | * [Saucekudasai](https://saucekudasai.com): An Anime seacrch engine that finds animeinfo based on image provided 152 | * [Similar Worlds](https://similarworlds.com/): Experience Project Alternative. Find people with similar interests. 153 | * [Simple Currency Converter](https://currency-converter.now.sh): Currency Converter 154 | * [Skcript](https://www.skcript.com/): Ruby on Rails Consulting. 155 | * [Smaller Pictures](https://smaller-pictures.appspot.com): Image compressor. 156 | * [Soodoku](https://soodoku.com/): Advanced sudoku game, works online & offline, without ads and distractions. 157 | * [SoundCloud](https://soundcloud.com/): Stream and listen to music. 158 | * [Soundslice](https://www.soundslice.com): Create living sheet music. 159 | * [SplittyPie](https://splittypie.com): Easy expense splitting. 160 | * [Spotify](https://open.spotify.com/): Music streaming. 161 | * [SvenPanel](https://svenpanel.de/): The Shrine - The Message Is Feierei Alda. 162 | * [SVGOMG](https://jakearchibald.github.io/svgomg/): SVGO's Missing GUI 163 | * [Swahili Dictionary](https://swahili-dictionary.com/): Offline Swahili-English-Swahili dictionary 164 | * [Taskade](https://www.taskade.com): Remote Team Workspace. 165 | * [Telegram](https://web.telegram.org/): Telegram Web App. 166 | * [Tender](https://app.tender.run/create-account): Personal finance app. 167 | * [Themer](https://themer.dev): Theme generator for editors, terminals, wallpapers, and more. 168 | * [Threema Web](https://web.threema.ch/): The messenger that puts security and privacy first. 169 | * [Timetable](https://leoherrmann.github.io/timetable/): Interactive editable timetable. 170 | * [Tinder](https://tinder.com): Dating app. 171 | * [Todoly](https://t4p4n.github.io/todoly/): A Simple ToDo PWA 172 | * [Total Formatter](https://totalformatter.web.app): YAML Formatter 173 | * [trivago](https://www.trivago.com/): Hotel prices. 174 | * [Tutor Portfolio PWA](https://englishextra.gitlab.io/): ??? 175 | * [TurboPixel](https://turborium.github.io/turbopixel/): PixelArt Camera PWA 176 | * [Twitter](https://twitter.com): Microblogging app. 177 | * [Uber Web](https://m.uber.com): Ridesharing app. 178 | * [Unalengua IPA Translator](https://unalengua.com/ipa): Translate to IPA. 179 | * [Veganify](https://veganify.app): Check if a product is vegan or not. 180 | * [VeggieTables](https://veggietables.org): Track your crops and farming activities. 181 | * [Versus](https://versus.com/en): Consumer electronics shopping. 182 | * [VideoTrim.app](https://videotrim.app): Video trimmer app in the browser. 183 | * [Virus Wars](https://nenadalm.github.io/virus-wars/): Virus Wars game with local multiplayer (no single player). 184 | * [Wave-PD1](https://alexgibson.github.io/wavepad/): Synth toy. 185 | * [WebAPI check](https://webapicheck.com): Open this PWA to check which WebAPIs are available on your current device. 186 | * [Word Counter](https://wordcounter.io): Count characters, words, sentences, paragraphs, pages. 187 | * [WordDB](https://www.worddb.com): Word finder, thesaurus, dictionary, crossword solver, rhyme finder and more. 188 | * [Wormhole](https://wormhole.app/): Share files with end-to-end encryption. 189 | * [X Sound](https://korilakkuma.github.io/X-Sound/): Online keyboard synth. 190 | * [Yahtzee](https://zpix1.github.io/yahtzee/): Dice generator. 191 | * [Youtube Music](https://music.youtube.com/): Music streaming via YouTube. 192 | * [ztable.io](https://ztable.io/): Z-Table lookup & Z-Score calculator. 193 | * [webpushtest](https://webpushtest.com/): Web Push Notifications Demo 194 | 195 | ## Tutorials 196 | 197 | * [Build a realtime PWA using Vue.js](https://pusher.com/tutorials/pwa-vuejs) 198 | * [Build a realtime PWA with React](https://pusher.com/tutorials/pwa-react) 199 | * [Getting started with Progressive Web Apps](https://addyosmani.com/blog/getting-started-with-progressive-web-apps/) by [@addyosmani](https://twitter.com/addyosmani) 200 | * [Google Developers - Progressive Web Apps](https://developers.google.com/web/progressive-web-apps) 201 | * [Introduction to Progressive Web Apps by Google-Udacity](https://udacity.com/course/intro-to-progressive-web-apps--ud811/) 202 | * [Introduction to progressive web apps](https://blog.pusher.com/introduction-progressive-web-apps/) 203 | * [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) 204 | * [Retrofit an Existing Website as a Progressive Web App](https://www.sitepoint.com/retrofit-your-website-as-a-progressive-web-app/) 205 | * [Service Worker Cookbook - Mozilla](https://serviceworke.rs/) 206 | * [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) 207 | 208 | ## Articles 209 | 210 | * [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) 211 | * [A full-stack solution for fast PWA development](https://medium.zenika.com/a-full-stack-solution-for-fast-pwa-development-937288b055b8) 212 | * [A Tinder Progressive Web App Performance Case Study](https://medium.com/@addyosmani/a-tinder-progressive-web-app-performance-case-study-78919d98ece0) 213 | * [Are Progressive Web Apps the Future?](http://developer.telerik.com/featured/are-progressive-web-apps-future/) 214 | * [FLIP your animations](https://aerotwist.com/blog/flip-your-animations/) 215 | * [From Electron to Progressive Web App](https://mjswensen.com/blog/2019/03/23/from-electron-to-progressive-web-app/) 216 | * [How I built a Progressive Beer App](https://deanhume.com/Home/BlogPost/how-i-built-a-progressive-beer-app/10148) 217 | * [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/) 218 | * [How we made our website offline first](https://blog.skcript.com/svr/offline-is-the-new-online/) 219 | * [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/) 220 | * [IndexedDB, WebSQL, LocalStorage – what blocks the DOM?](https://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/) 221 | * [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) 222 | * [Integrating Progressive Web Apps deeply into Android](https://blog.chromium.org/2017/02/integrating-progressive-web-apps-deeply.html) 223 | * [Introducing Pokedex.org: a progressive webapp for Pokémon fans](http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org) 224 | * [Introduction to Progressive Web App with example](https://www.loginradius.com/engineering/blog/introduction-to-progressive-web-apps/) 225 | * [Intro to (Progressive) Web Apps](https://dev.to/sudhakar3697/intro-to-progressive-web-apps-34oo) 226 | * [Is Service Worker ready?](https://jakearchibald.github.io/isserviceworkerready/) 227 | * [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/) 228 | * [PWA Performance](https://speedcurve.com/blog/pwa-performance/) 229 | * [PWA - E-Commerce - Compare List](https://docs.google.com/spreadsheets/d/1nx5jcHa6reIH20q20uDnZLQNjuK2ohk-HmQ09hy9NCE/edit#gid=0) 230 | * [Say Hello to Offline First](http://hood.ie/blog/say-hello-to-offline-first.html) 231 | * [Service Worker - Revolution of the Web Platform](https://ponyfoo.com/articles/serviceworker-revolution) 232 | * [Service Workers: Dynamic Responsive Images using WebP Images](http://deanhume.com/Home/BlogPost/service-workers--dynamic-responsive-images-using-webp-images/10132/) 233 | * [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) 234 | * [Swift Migration to Progressive Web App](https://medium.com/engineering-housing/progressing-mobile-web-fac3efb8b454) 235 | * [The Building Blocks Of Progressive Web Apps](https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/) 236 | * [The web app "discovery problem"](https://remysharp.com/2016/04/11/the-webapp-discovery-problem) 237 | * [What Progressive Web Apps Mean for the Web](http://developer.telerik.com/featured/what-progressive-web-apps-mean-for-the-web/) 238 | * [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/) 239 | 240 | ## Videos 241 | 242 | * [AMP + Progressive Web Apps: Start fast, stay engaged - Google I/O 2016](https://www.youtube.com/watch?v=a5X_Ot-R6lo) 243 | * [Angular 2 and Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=vAb-2d1vcg8) 244 | * [Breaking the 1000ms Time to Glass Mobile Barrier (vid)](https://www.youtube.com/watch?v=Il4swGfTOSM) 245 | * [Building a Progressive Web App - Aditya Punjani](https://www.youtube.com/watch?v=m2tvYGCdOzs) 246 | * [Building and deploying a Progressive Web App at scale with Flipkart (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=StdKz32M1RM) 247 | * [Building for Billions (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Vmg1ECC2r2Q&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=20) 248 | * [Building for billions on the web - Google I/O 2016](https://www.youtube.com/watch?v=E6hGubMkNfM) 249 | * [Building Progressive Web Apps with Polymer (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=g7f1Az5fxgU) 250 | * [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) 251 | * [Deep Engagment with Push Notifications (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=Zq-tRtBN3ws&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=9) 252 | * [Fast and resilient web apps: Tools and techniques - Google I/O 2016](https://www.youtube.com/watch?v=aqvz5Oqs238) 253 | * [Fireside Chat with the Progressive Web Apps Crew - Google I/O 2016](https://www.youtube.com/watch?v=Sy4oH8JZuJQ) 254 | * [Going Big: PWAs Come to Desktop and Chrome OS (Google I/O ’19)](https://www.youtube.com/watch?v=2KhRmFHLuhE) 255 | * [Great libraries and tools for great Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=Use459WBeWc) 256 | * [Houdini: Demystifying the Future of CSS - Google I/O 2016](https://www.youtube.com/watch?v=sE3ttkP15f8) 257 | * [Instant loading with HTTP/2 (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=G62aCRIlONU&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=7) 258 | * [Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=cmGr0RszHc8) 259 | * [Instant-loading Offline-first (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=qDJAz3IIq18&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=3) 260 | * [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) 261 | * [Konga (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=GNbVdPi24gg&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=26) 262 | * [Mythbusting HTTPS (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=e6DUrH56g14&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=5) 263 | * [Opening Keynote (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=9Jef9IluQw0&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=1) 264 | * [Polymer and Progressive Web Apps: Building on the modern web - Google I/O 2016](https://www.youtube.com/watch?v=fFF2Yup2dMM) 265 | * [Polymer Summit 2016 Youtube Playlist](https://www.youtube.com/watch?list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ&v=VBbejeKHrjg) 266 | * [Progressive Web Apps (Chrome Dev Summit 2015)](https://www.youtube.com/watch?v=MyQ8mtR9WxI) 267 | * [Progressive Web Apps across all frameworks - Google I/O 2016](https://www.youtube.com/watch?v=srdKq0DckXQ) 268 | * [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) 269 | * [Progressive Web Apps and What's Next for Mobile](https://www.youtube.com/watch?v=JP5p6t3wNLA) 270 | * [Progressive Web Apps Are Easy Now - Or Are They with Thorsten Lorenz -- UtahJS 2018](https://youtu.be/bKxtwzr0sy0) 271 | * [Progressive Web Apps in any context (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=8dr_IUGwsO0&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=13) 272 | * [Progressive Web Apps on Firebase - Google I/O 2016](https://www.youtube.com/watch?v=SobXoh4rb58) 273 | * [Progressive Web Apps Training 2019 - Playlist](https://www.youtube.com/watch?v=psB_Pjwhbxo&list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh) 274 | * [Progressive Web Apps with Alex Russell](https://www.youtube.com/watch?v=x7cfLDFVyHo) 275 | * [Progressive Web Apps: the future of Apps](https://dev.opera.com/blog/pwa-taipei/) 276 | * [Progressive, Performant, Polymer: Pick Three - Google I/O 2016](https://www.youtube.com/watch?v=J4i0xJnQUzU) 277 | * [Putting the Progressive in Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=zHNYFUhVzgw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=15) 278 | * [PWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O '18)](https://www.youtube.com/watch?v=we3lLo-UFtk) 279 | * [PWA Training Course 2017 Playlist with Sarah Clark, Google Developers India](https://www.youtube.com/playlist?list=PLlyCyjh2pUe9RHFCJHU0kxpaivUzADPYk) 280 | * [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) 281 | * [Search and the mobile content ecosystem - Google I/O 2016](https://www.youtube.com/watch?v=xeGzQhAU2XI) 282 | * [Service workers at scale with Facebook and Flipkart - Google I/O 2016](https://www.youtube.com/watch?v=fGTUIlEM0m8) 283 | * [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) 284 | * [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) 285 | * [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) 286 | * [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) 287 | * [Summit Report: Reach, acquisition and conversion (Progressive Web Apps Summit 2016)](https://www.youtube.com/watch?v=Vou8NruMyWA&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=16) 288 | * [Summit Report: Talking HTTPS with Emily Schechter (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=U638eR0ltUo&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=6) 289 | * [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) 290 | * [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) 291 | * [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) 292 | * [The applied science of runtime performance (vid)](https://www.youtube.com/watch?v=RCFQu0hK6bU) 293 | * [The Future of Progressive Web Apps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=kB4MgJ0AoOw&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=22) 294 | * [The Mobile Web: State of the Union - Google I/O 2016](https://www.youtube.com/watch?v=0SSI8liELJU) 295 | * [The Service Worker is Coming - Look Busy (vid)](https://www.youtube.com/watch?v=SmZ9XcTpMS4) 296 | * [To the Lighthouse (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=LZjQ25NRV-E&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=19) 297 | * [Tools for Success (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=m2Zk5CgVX9I&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=21) 298 | * [UI Elements at 60fps (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=ZqdNgn5Huqk&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=11) 299 | * [Unlocking New Capabilities for the Web (Google I/O ’19)](https://www.youtube.com/watch?v=GSiUzuB-PoI) 300 | * [Using Web Components to Build PWAs (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=pBCDdeqzUlY&list=PLNYkxOF6rcIAWWNR_Q6eLPhsyx6VvYjVb&index=17) 301 | * [V8, modern JavaScript, and beyond - Google I/O 2016](https://www.youtube.com/watch?v=N1swY14jiKc) 302 | * [Who are you, really: Safer and more convenient sign-in on the web - Google I/O 2016](https://www.youtube.com/watch?v=MnvUlGFb3GQ) 303 | * [Why Build Progressive Web Apps? - Playlist](https://www.youtube.com/watch?v=4UK_TDTTWnQ&list=PLNYkxOF6rcIAvsHlT44x-Kve2lG8CrDip) 304 | 305 | ## Tools 306 | 307 | * [`@forlagshuset/simple-fs`](https://github.com/fagbokforlaget/simple-fs): Needs offline filesystem? SimpleFS provides sweet promise based nodejs file API on top of indexeddb. 308 | * [`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. 309 | * [`DSW`](https://github.com/naschq/dsw): Generate your Service Worker dynamically, webmanifest, rules for requests, redirects, etc. 310 | * [`fetch-manifest-json`](https://github.com/hemanth/fetch-manifest-json): Fetch the `mainfest.json` from an URL. 311 | * [`fetch-sync`](https://github.com/sdgluck/fetch-sync): Proxy Fetch requests through the Background Sync API 312 | * [`HNPWA`](https://github.com/tastejs/hacker-news-pwas): Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC. 313 | * [`Manifest Generator`](https://brucelawson.github.io/manifest/): This simple page will generate the manifest file for you. 314 | * [`manifest-json`](https://www.npmjs.com/package/manifest-json): CLI tool for creating `mainfest.json`. 315 | * [`msgr`](https://github.com/sdgluck/msgr): Nifty service worker/client message utility 316 | * [`offline-plugin`](https://github.com/NekR/offline-plugin): Offline plugin (ServiceWorker, AppCache) for webpack (<http://webpack.github.io/>) 317 | * [`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. 318 | * [`PWAify`](https://github.com/vladikoff/PWAify): CLI tool to convert your PWA into a cross-platform desktop app. 319 | * [`serviceworker-rails`](https://github.com/rossta/serviceworker-rails): Plugin to integrate Service Worker with the Rails asset pipeline. 320 | * [`serviceworker-webpack-plugin`](https://github.com/oliviertassinari/serviceworker-webpack-plugin): Simplifies creation of a service worker to serve your webpack bundles. 321 | * [`serviceworkerware`](https://github.com/fxos-components/serviceworkerware): An Express-like layer on top of ServiceWorkers to provide a way to easily plug functionality 322 | * [`sw-delta`](https://github.com/gmetais/sw-delta): An incremental cache for the web. 323 | * [`sw-precache-webpack-plugin`](https://github.com/goldhand/sw-precache-webpack-plugin): SW Precache Webpack Plugin 324 | * [`sw-precache`](https://github.com/GoogleChrome/sw-precache): A node module to generate service worker code that will precache specific resources 325 | * [`sw-toolbox`](https://github.com/GoogleChrome/sw-toolbox): A runtime caching library 326 | * [`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 327 | * [`Workbox`](https://github.com/GoogleChrome/workbox): Javascript Library for building progressive web apps 328 | * [`pwa-badge`](https://github.com/ali-master/pwa-badge): Badging for PWA app icons, Like Native Apps 329 | 330 | ## Kits 331 | 332 | * [`Bento starter`](https://github.com/kefranabg/bento-starter): Full-stack solution to build Progressive Web Apps. 333 | * [`Progressive Web Application skeleton`](https://github.com/PolymerLabs/progressive-webapp-config): A simple set of skeleton files for shipping a Progressive Web App. 334 | * [`pwabuilder`](http://www.pwabuilder.com/): All the tools you need to build and deploy your Progressive Web Apps. 335 | * [`Web Starter Kit`](https://github.com/google/web-starter-kit): A workflow for multi-device websites. 336 | * [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" 337 | * [Preact CLI](https://github.com/developit/preact-cli): "Your next Preact PWA in 30 seconds" 338 | * [Simple PWA](https://simplepwa.com): A Progressive Web App template that provides the minimum file structure needed to create a PWA 339 | * [Stencil PWA toolkit](https://stenciljs.com/pwa/): Ionic's "Everything you need to easily build fast, production ready Progressive Web Apps" 340 | 341 | ## Courses 342 | 343 | * [Developing Progressive Web Apps Course](https://codelabs.developers.google.com/dev-pwa-training) (free) 344 | * [Getting Started with Progressive Web Apps](https://www.pluralsight.com/courses/web-apps-progressive-getting-started) (paid) 345 | * [Intro to Progressive Web Apps](https://udacity.com/course/intro-to-progressive-web-apps--ud811) (free) 346 | * [Learn to build progressive web apps using JavaScript](https://www.udemy.com/course/learn-to-build-progressive-web-apps-using-javascript/) (paid) 347 | * [Progressive Web App Fundamentals](https://www.pluralsight.com/courses/progressive-web-app-fundamentals) (paid) 348 | * [Progressive Web Apps - The Concise PWA Masterclass](https://www.udemy.com/course/progressive-web-apps/) (paid) 349 | * [Progressive Web Apps (PWA) - From Beginner to Expert](https://www.udemy.com/course/progressive-web-apps-pwa-from-beginner-to-expert/) (paid) 350 | * [Progressive Web Apps (PWA) - The Complete Guide](https://www.udemy.com/course/progressive-web-app-pwa-the-complete-guide/) (paid) 351 | 352 | ## Conferences 353 | 354 | * [A list of conferences talking about PWA](https://github.com/mobilehackersio/pwa-confs) 355 | --------------------------------------------------------------------------------