PWA Manifest
Generate a manifest.json for your Progressive Web App and auto-size icons from a single master image.
No watermarkFree & unlimited
Basics
App name
Short name
Description
Start URL
Display
Display mode
Orientation
Colors
Theme color
Background color
App icon
manifest.json
{
"name": "My App",
"short_name": "App",
"start_url": "/",
"display": "standalone",
"orientation": "any",
"theme_color": "#4f46e5",
"background_color": "#ffffff"
}All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Enter app details
Fill in the app name, short name, description, and theme color.
- 2
Upload icons
Upload your app icon and the tool generates all required sizes (192px, 512px, etc.).
- 3
Configure display mode
Choose standalone, fullscreen, minimal-ui, or browser display mode.
- 4
Download manifest
Download the manifest.json file and the HTML link tag to add to your site.
- Use "standalone" display mode for a native app feel without browser UI chrome.
- Provide both 192×192 and 512×512 icons at minimum for Chrome install prompts.
- Set start_url to your app root (/) and scope to control navigation boundaries.
- A maskable icon ensures your icon looks good on Android devices that apply shaped masks.
- Generates a complete manifest.json with all required and optional fields
- Auto-generates icon sets in all recommended sizes from a single upload
- Configurable display, orientation, theme_color, and background_color
- Outputs the HTML link and meta tags needed in your document head
- Validates the manifest against PWA installability requirements
- Make an existing website installable as a Progressive Web App
- Generate the manifest for a new PWA project quickly without manual JSON editing
- Update an outdated manifest with new fields like shortcuts and screenshots
- Create app icons in all required sizes from a single high-resolution image
You need a manifest.json with name, icons (192px and 512px), start_url, and display, plus a registered service worker served over HTTPS.
Use "standalone" for most apps - it hides the browser toolbar. Use "fullscreen" for games or immersive experiences.
It is recommended. Android uses maskable icons to apply adaptive shapes. Without one, your icon may be shrunk with white padding.