CREATE · FREE TOOL

Free web app manifest generator

Generate a clean manifest.webmanifest with app name, short name, description, start URL, scope, display mode, theme and background colors.

Live JSON preview
Client-side generation
Download manifest.webmanifest
Practical installation instructions

CLIENT-SIDE GENERATOR

Create your manifest.webmanifest

Values stay in this browser. Review the JSON, then copy or download the generated file.

manifest.webmanifest

{
  "id": "/",
  "name": "My progressive web app",
  "short_name": "My PWA",
  "description": "An installable web application.",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#ff3f55",
  "background_color": "#fffaf3",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "/icons/icon-maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

Before production

Create the three icon files declared in the manifest.
Publish the file on the same HTTPS origin as your app.
Add <link rel="manifest" href="/manifest.webmanifest"> to the document head.
Run the PWA Checker after deployment.

UNDERSTAND THE RESULT

How to use Manifest Generator

Written and reviewed by the PWAs.app web platform editorial team.

What the generator creates

The generator creates the core identity, launch and color fields used by installable web apps. The downloaded file is readable JSON with the application/manifest+json media type.

You should still add at least 192×192 and 512×512 icons, including a maskable variant, before treating the manifest as production-ready.

How to connect the manifest

Publish the file on your HTTPS website and add a link element to every installable page: <link rel="manifest" href="/manifest.webmanifest">.

After deployment, run the PWA Checker to confirm that the browser-facing URL resolves correctly and that launch fields stay inside the intended scope.

COMMON QUESTIONS

Manifest Generator FAQ

Short answers about what the public tool checks and what remains under browser or website-owner control.

Is the manifest generated on the server?

No. Form values, JSON preview and download are handled locally in your browser.

Does the generated manifest include icons?

It includes conventional 192×192, 512×512 and maskable icon paths. Create those files and adjust the paths if your asset structure differs.

Should the scope contain the start URL?

Yes. The resolved start URL should remain inside the manifest scope or the installed app may open outside its intended window.