PWA Manifest Generator

The PWA Manifest Generator creates a `manifest.json` file for your Progressive Web App. A manifest file makes your site installable and provides the necessary information for browsers to display it correctly on mobile and desktop devices.

Used on the home screen or launcher. Max 12 characters.
The URL that loads when the app is launched. Must be relative to the manifest file.
The navigation scope of the app. URLs outside the scope will open in the browser. Recommended to set to "/".
How the app is displayed.
The preferred default orientation of the web app.
The color of the toolbar.
The background color of the splash screen.
Icons
Add a list of icons for your PWA. You must manually create and host these image files. **Note:** This tool only supports adding a single icon at a time to keep the form simple. You can copy the generated JSON and add more entries manually.
Size of the icon in pixels (e.g., "192x192").
MIME type of the icon.
Purpose of the icon, for adaptive icons.
A unique identifier for the application. Recommended.
The primary language of the manifest content.
The base direction of the manifest content.
The size of the screenshot in pixels.
MIME type of the screenshot.
Optional. The platform the screenshot is for (e.g., "wide-screen").
A comma-separated list of categories (e.g., games, utilities).
A JSON array of protocol handler objects.
A JSON array of related application objects.
An array of display modes to override the default.
A JSON object for launch handling behavior.
The IARC certification code.
Info

A Progressive Web App (PWA) manifest is a simple JSON file that provides essential information about your website or app. It defines how your site should appear and behave when installed on a device, including the app name, icons, colors, and display mode.

Using this tool, you can quickly generate a valid manifest.json file without coding. Just fill in the required fields, and the generator will create the file you need to:
    •    Make your site installable on Android, iOS (via Safari), and desktop browsers.
    •    Provide users with an app-like experience.
    •    Control your PWA’s icon, theme color, and how it opens.

Once generated, simply copy the code and save it as manifest.json. Then, link it in your site’s HTML <head>:

<link rel="manifest" href="/manifest.json">
Bookmark this tool
Category
Generator
Manifest
PWA
JSON
Webmaster

Did this tool work as expected?

New Tools