PWA Manifest Generator

Free

Generate a complete PWA manifest.json for installable web apps.

App Details

App Name *

Short Name (max 12 chars)

Description

Start URL

Scope

Display Mode

Orientation

Theme Color

Background Color

Language

Categories (comma-separated)

manifest.json Preview

{
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#6366f1",
  "background_color": "#ffffff",
  "lang": "en-US",
  "scope": "/",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable any"
    }
  ]
}

How to use this manifest

Place the downloaded manifest.json in the root of your web project (e.g., public/manifest.json).
Add the following tag inside the <head> of your HTML:
```
<link rel="manifest" href="/manifest.json">
```
Place your icon files at the paths listed in the icons array (e.g., /icons/icon-192x192.png).
Test installability in Chrome DevTools under Application → Manifest.

Rate this tool

About PWA Manifest Generator

Generate a complete Web App Manifest (manifest.json) for your Progressive Web App. Configure app name, icons, display mode, theme colors, and all required fields to make your website installable.

pwamanifestprogressive web appmanifest.jsonweb appinstallable