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.

App Name:

Short Name:

Used on the home screen or launcher. Max 12 characters.

Description:

Start URL:

The URL that loads when the app is launched. Must be relative to the manifest file.

Scope:

The navigation scope of the app. URLs outside the scope will open in the browser. Recommended to set to "/".

Display Mode:

How the app is displayed.

Orientation:

The preferred default orientation of the web app.

Theme Color:

The color of the toolbar.

Background Color:

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.

Icon Source URL (src):

Icon Sizes:

Size of the icon in pixels (e.g., "192x192").

Icon Type:

MIME type of the icon.

Icon Purpose:

Purpose of the icon, for adaptive icons.

Advanced fields

ID:

A unique identifier for the application. Recommended.

Language (lang):

The primary language of the manifest content.

Direction (dir):

The base direction of the manifest content.

Screenshots

Screenshot Source URL (src):

Screenshot Sizes:

The size of the screenshot in pixels.

Screenshot Type:

MIME type of the screenshot.

Screenshot Platform:

Optional. The platform the screenshot is for (e.g., "wide-screen").

Shortcuts

Shortcut Name:

Shortcut Short Name:

Shortcut Description:

Shortcut URL:

Categories:

A comma-separated list of categories (e.g., games, utilities).

Protocol Handlers:

A JSON array of protocol handler objects.

Display Override:

An array of display modes to override the default.

Launch Handler:

A JSON object for launch handling behavior.

IARC Rating ID:

The IARC certification code.

Your generated manifest.json content:

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

	Networking Tools
	Data Conversion Tools
	Code Tools
	Text Tools
	Webmaster Tools
	Privacy & Security
	Unit Converter
	Social Media
	Other Tools

PWA Manifest Generator

Did this tool work as expected?

Trending Tools