🍦

Vanilla PWA

Free
Development Tools

An example Progressive Web App written completely from scratch, without frameworks. It demonstrates the core pieces of a PWA in plain code, making it a learning reference for web developers who want to understand how installable, offline-capable web apps work under the hood.

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

Not sure how to add Vanilla PWA 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 Vanilla PWA? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

Tags
pwavanilla-javascriptexamplelearning-resourceno-frameworkweb-development

How to install Vanilla PWA as a PWA

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

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

Similar to Vanilla PWA

Progressive Web Apps Techniques

A demonstration site that implements a range of progressive web app techniques in one simple project. Rather than a consumer product, it serves as a working example for developers who want to see PWA features applied in practice and borrow the patterns for their own sites.

Progressive Web App Example

A minimal example showing how to turn a PHP website into a progressive web app using a service worker. It is aimed at PHP developers who want a concrete, working reference for adding installability and offline behaviour to an existing site.

PWA Tech Talk

A live presentation about progressive web applications delivered in the browser. It covers the most usable and interesting PWA functionalities alongside real-world use cases with popular examples, plus tips and tricks. Suited to developers and teams who want an approachable introduction to what PWAs can do.

PWA Cookbook

An educational cookbook that aims to teach everything developers need to know about Progressive Web Apps, from core concepts to practical implementation. Aimed at web developers who want to understand how PWAs work and how to build them, presented as a browsable set of recipes.

Vanilla Web Components Hacker News PWA

A Hacker News reader built entirely with vanilla Web Components and no JavaScript framework. It delivers Hacker News stories as a Progressive Web App and doubles as a reference example for developers interested in standards-based component development without React or Vue.

PurePWA - Power & Purity

PurePWA is an ultra-lean boilerplate for building Progressive Web Apps without a build step, framework, or router. It relies on vanilla JavaScript enhanced with Web Components, giving developers a minimal starting structure for modern web projects. Suited to developers who want PWA fundamentals without tooling overhead.

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.