PWA Manifest Generator

What a web app manifest is

A manifest is a JSON file browsers read when someone installs a site as an app. It sets the name under the icon, the start URL, whether the app opens standalone or in a browser tab, the theme color of the title bar, and the icon files.

Save the generated file as manifest.json and link it from the HTML head:

<link rel="manifest" href="/manifest.json">

Fields this generator writes

The default document describes Harbor Notes, an offline notes app with short name Notes, start URL /notes/, standalone display, portrait orientation, theme color #0F766E, and background color #F8FAFC. Icon paths point at 192px and 512px PNG files. Clear a path if you do not have that size yet; an empty path is left out of the icons array.

Short names are limited to 12 characters because home-screen labels truncate longer text. Colors must be 6-digit hex values. Language accepts en or a form such as en-US.

Related setup tools

Create the icon files with the Favicon Generator, then paste those paths into the 192 and 512 fields. Check the rest of the head with the Meta Tag Generator. If you edit the JSON by hand afterward, the JSON Formatter will re-indent it.