PWA Manifest Generator
Generate a web app manifest for your Progressive Web App. Everything runs in your browser.
Displayed on home screen when space is limited.
Navigation scope of the PWA context.
Recommended: 192x192 and 512x512 PNG icons.
// Save as manifest.json and add <link rel="manifest" href="/manifest.json"> to your HTML <head>.
Web Push Developer Tool
Free tools to help you get started with web push notifications.
Web Push Test for PWA & Websites
Test web-push notifications in your browser without any setup.
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.
PWA Manifest Questions
Common questions about creating and configuring web app manifests.
What is a PWA manifest file?
A PWA manifest is a JSON file named manifest.json that tells the browser how your web app should behave when installed. It defines the app name, icons, start URL, display mode, and theme colors that control the installed experience.
What fields are required in manifest.json?
Chrome requires name or short_name, at least one icon (192x192 and 512x512 recommended), start_url, and display set to standalone, fullscreen, or minimal-ui. Without these, the browser will not show an install prompt.
How do I make my PWA installable?
Serve your site over HTTPS, add a valid manifest with the required fields, and register a service worker with a fetch handler. Once all three criteria are met, the browser will trigger the beforeinstallprompt event.
Do I need a manifest for push notifications?
A manifest is not strictly required for web push, but it is needed if you want users to install your PWA. Installed PWAs display push notifications with your app icon and name instead of the browser icon, creating a more polished experience.
Learn more about Progressive Web Apps
These resources cover PWA best practices and manifest configuration.
What is a Progressive Web App?
Learn what PWAs are and how they deliver native-like experiences on the web.
PWA Strategies for iOS
Essential strategies for building high-performance PWAs on iOS devices.
PWA Push Notifications Guide
Complete guide to implementing push notifications in Progressive Web Apps.