A collection of high-quality, production-ready snippets for building Progressive Web Apps faster.
✨ Features
- ⚡ One-line shortcuts for common PWA patterns
- 📦 Production-ready manifest templates
- 🔄 Service worker caching strategies
- 📲 Install prompt handling
- 🌐 Offline support snippets
- 🔔 Push notification boilerplate
📌 Snippets
| Prefix | Description |
|---|---|
| pwa.manifest | Full manifest template |
| pwa.sw.network | Network-first caching strategy |
| pwa.sw.cache | Cache-first strategy |
| pwa.sw.stale | Stale-while-revalidate strategy |
| pwa.sw.cleanup | Cache version cleanup on activate |
| pwa.sw.update | Skip waiting & claim clients |
| pwa.register | Register service worker |
| pwa.install | Install prompt handler |
| pwa.offline | Offline fallback |
| pwa.push | Push notifications |
| pwa.sync | Background sync |
| pwa.badge | App Badge API count setter |
| pwa.a2hs | Add to Home Screen button |
| pwa.link | Link manifest in HTML |
🚀 Usage
- Install the extension
- Open your project
- Type a prefix (e.g.
pwa.manifest) - Press Tab
🎯 Example
Type: pwa.manifest
Press Tab → full manifest generated instantly.
💡 Why this extension?
Most snippet packs only provide basic templates.
This extension focuses on:
- Real-world PWA patterns
- Best practices
- Developer productivity
👨💻 Author
Achintya
⭐ Support
If you find this useful, consider leaving a rating!