Developer Tools Platform
Skip to content
Categories

Web App Manifest Generator

Generate a PWA manifest.json from form input.

Icons

Overview

  • Generates the manifest.json used by a PWA (Progressive Web App) from form input.
  • Specify the app name, short name, description, start URL, display mode, background color, theme color, and icons to get JSON ready to paste in.
  • Use "Add icon" to list multiple icon sizes (e.g. 192x192, 512x512).

Usage

  1. Enter your app's information into each field, such as "Name" (required).
  2. Use "Add icon" to enter the path, sizes, and type for each icon on its own row.
  3. Click the "Generate" button to display the manifest.json content.

Example

Input

name: My App / short_name: MyApp / display: standalone

Output

{
  "name": "My App",
  "short_name": "MyApp",
  "start_url": ".",
  "display": "standalone",
  ...
}

Use Cases

  • Quickly creating a manifest.json template when setting up a new PWA project
  • Using it as a reference to check that an existing manifest.json isn't missing icon sizes or a display mode
  • Generating JSON with all the necessary fields when adding PWA support to a static site

FAQ

Can this tool generate the icon images themselves?

No. This tool only generates the manifest.json text, not image files. Use a tool such as Favicon Generator separately to create icon images.

What happens if I leave short_name empty?

The value of name is used as short_name as well.

Where should I save the generated JSON?

Save it as "manifest.json" at your site's root (or any location you choose), and add <link rel="manifest" href="/manifest.json"> inside your HTML's <head>.

Notes

  • Supports the common manifest.json fields (name, short_name, description, start_url, display, background_color, theme_color, icons). Advanced fields such as shortcuts are not supported.
  • For the icon path (src), enter the relative path or URL to an image file you've actually placed. This tool does not check whether it exists.

Related Tools

Meta Tag Generator

Generate meta tags with OGP and Twitter Card support from a title and description.

Favicon Generator

Generate multi-size favicon PNGs, a manifest, and HTML tags from an image.

UUID Generator

Generate multiple UUIDs (v4) at once.

Recommended
Password Generator

Generate multiple passwords by specifying character types and length.