📱

PWA Recipes

Free
Development Tools

An installable Progressive Web App that collects practical code recipes covering the most common PWA use cases. Aimed at web developers rather than cooks, it serves as a reference playground for studying how progressive web app capabilities are implemented before adding them to your own projects.

Catalogued August 3, 2026 · Curated by PWA Directory team
Works Offline
Installable
Cross-Platform
Free

Not sure how to add PWA Recipes to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.

Own PWA Recipes? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

Tags
pwacode-examplesweb-developmentdeveloper-resourceinstallablelearning

How to install PWA Recipes as a PWA

Chrome / Edge
Menu (⋮) → Add to Home screen
Safari (iOS)
Share (↑) → Add to Home Screen
Firefox
Menu (⋮) → Install

Screenshots

PWA Recipes screenshot

Are you the maker of PWA Recipes? Claim this listing →

Similar to PWA Recipes

Learn X in Y Minutes

A Progressive Web App edition of Learn X in Y Minutes, the community-written collection of whirlwind programming language tours. Each guide walks through a language's syntax as annotated example code, useful for developers who want to pick up the basics of a new language quickly.

Simple PWA

Simple PWA is a template that provides the minimum file structure needed to create a Progressive Web App. It skips frameworks and extra tooling, offering only the bare essentials, which makes it useful for developers learning how a PWA is put together or starting a lightweight project.

PWA Example Project

A demonstration project showing how a Progressive Web App can be built and hosted on Firebase. Aimed at developers exploring PWA fundamentals, it serves as a minimal reference example rather than a finished consumer product, useful for studying basic setup and project structure.

Progressive Web App

An informational demo that explains the progressive web app development model, describing how PWAs combine regular web pages with mobile-application features. Useful as a simple reference or example for developers and students learning what distinguishes PWAs from traditional applications.

Scrimba

Interactive coding screencasts where you can pause and edit the instructor's code. Learn front-end development in a format you can't find anywhere else — truly hands-on learning.

PWA Workshop Docs

Documentation for a hands-on workshop that teaches developers how to turn a regular website into a Progressive Web Application. It introduces core PWA concepts step by step, aimed at web developers who want a guided, practical path to adding PWA features.

Own a PWA? See the listing options — standard submission is free.

Get the monthly pick
Double opt-in — nothing is sent until you confirm. Unsubscribe any time.