PWA Manifest Generator

Generate a web app manifest for your Progressive Web App. Everything runs in your browser.

Manifest Configuration

Displayed on home screen when space is limited.

Navigation scope of the PWA context.

Recommended: 192x192 and 512x512 PNG icons.

Generated Manifest

// Save as manifest.json and add <link rel="manifest" href="/manifest.json"> to your HTML <head>.

Tools

Web Push Developer Tools

Free tools to help you get started with web push notifications.

SaaS

Web Push Notification Service

Send web-push notifications without managing infrastructure. Easy setup with MagicBell.

Free Tool

VAPID Key Generator

Create a public/private key pair for web push authentication.

Free Tool

Web Push Test for PWA & Websites

Test web-push notifications in your browser without any setup.

Overview

What is a PWA Manifest?

A web app manifest is a JSON file that provides metadata about your Progressive Web App to browsers and operating systems.

The manifest file enables the "Add to Home Screen" prompt, controls how your app appears when installed, and defines the splash screen experience. It's a key component for making your web app feel native.

Install Prompt

A valid manifest triggers the browser's install prompt, letting users add your app to their home screen or desktop.

Standalone Experience

The display mode controls whether your app runs in a browser tab or as a standalone window without browser UI.

Required Fields for Installability

  • name or short_name - Identifies your app
  • icons - At least a 192x192 and 512x512 PNG icon
  • start_url - The page to load when launching
  • display - Must be standalone, fullscreen, or minimal-ui

Note: For Chrome to show an install prompt, your site must also be served over HTTPS and have a registered service worker with a fetch handler.

Resources

Learn more about Progressive Web Apps

These resources cover PWA best practices and manifest configuration.

MagicBell Blog

What is a Progressive Web App?

Learn what PWAs are and how they deliver native-like experiences on the web.

MagicBell Blog

PWA Strategies for iOS

Essential strategies for building high-performance PWAs on iOS devices.

MagicBell Blog

PWA Push Notifications Guide

Complete guide to implementing push notifications in Progressive Web Apps.