PWA Manifest Generator
Generate a valid web app manifest.json for your Progressive Web App.
Loading tool...
What is PWA Manifest Generator?
The PWA Manifest Generator creates a valid web app manifest.json for Progressive Web Apps. It collects your app name, short name, description, start URL, display mode, orientation, theme and background colors, language, and icon paths, and outputs a standards-compliant manifest you can copy or download. Everything runs in your browser with live JSON preview.
Key Benefits
- Generates a complete manifest.json ready for your PWA
- Supports all key fields: name, short_name, start_url, display, orientation
- Theme/background color pickers with live hex codes
- 192px, 512px, maskable, and Apple touch icon paths
- 100% in-browser, no data leaves your device
Common Use Cases
- •Create a manifest for a new installable web app
- •Prepare the manifest file for a Lighthouse PWA audit
- •Set up home-screen branding and splash screen colors
- •Generate a manifest for an existing progressive web app
How to Use the PWA Manifest Generator
- Enter your app details: Type the full app name, a short name shown on the home screen, a description, and the start URL (usually /). These fields map directly to name, short_name, description, and start_url in the manifest.
- Choose display and colors: Pick a display mode (standalone is recommended for an app-like feel), orientation, and language. Use the color pickers to set the theme color and background color, which control the browser toolbar and splash screen.
- Set icon paths: Enter the paths to your 192px and 512px icons, toggle the maskable (safe zone) icon, and add an Apple touch icon for iOS. The live JSON updates instantly as you edit.
- Copy or download: Click Copy to place the manifest on your clipboard, or Download to save it as manifest.json. Link it in your HTML with <link rel="manifest" href="manifest.json"> and host valid icons to complete your PWA setup.
Key Features
- Generates a complete, valid manifest.json for your PWA
- Configurable app name, short name, description, and start URL
- Display modes, orientation, and language settings
- Theme and background color pickers with live hex preview
- 192px, 512px, maskable, and Apple touch icon support
- One-click copy and download as manifest.json
Frequently Asked Questions
What is a web app manifest?
A web app manifest is a JSON file that tells the browser how your progressive web app should look and behave when installed. It defines the app name, icons, start URL, display mode, theme and background colors, and orientation. It is the key file that makes a website installable on Android, iOS, and desktop.
Which display mode should I choose?
Standalone is the most common choice because it opens the app in its own window without the browser address bar, giving a native app-like feel. Fullscreen hides all browser UI and is best for games and media. Minimal-UI keeps a small browser toolbar, while browser mode opens in the normal browser tab.
What size icons do I need for a PWA?
At minimum you should provide 192x192 and 512x512 PNG icons. The 512px icon is required for the install prompt on many platforms, and a 192px icon is used for the home screen on Android. A maskable icon (512x512 with safe zone padding) is recommended, and an Apple touch icon (usually 180x180) is used on iOS.
Is my manifest data sent to a server?
No. Everything runs locally in your browser. Your manifest is generated entirely client-side with JavaScript, and nothing you type is uploaded or transmitted anywhere. You can safely use it for internal or pre-release apps.