PWA Manifest Generator

Fill in the form below to generate a valid manifest.json for your Progressive Web App. The JSON preview updates live as you type.

App Identity

Navigation

Colors

Categories

Select all that apply

Live JSON Preview

{
  "name": "My App",
  "short_name": "App",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "theme_color": "#f97316",
  "background_color": "#0f1117",
  "lang": "en",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ],
  "screenshots": [
    {
      "src": "/screenshots/desktop.png",
      "sizes": "1280x800",
      "type": "image/png",
      "form_factor": "wide",
      "label": "Desktop view"
    },
    {
      "src": "/screenshots/mobile.png",
      "sizes": "390x844",
      "type": "image/png",
      "form_factor": "narrow",
      "label": "Mobile view"
    }
  ]
}
Tip: Place manifest.json in your site root and reference it with <link rel="manifest" href="/manifest.json">.

More Free PWA Tools

Icon Generator
Generate all PWA icon sizes + iOS splash
Screenshots Generator
Frame screenshots in device mockups
Maskable Icon Editor
Preview safe zone + export maskable icon
Now in Early Access

Skip the manual setup — automate your PWA manifest

pageflare auto-generates and injects your manifest.json at build time. Icons, service worker, theme colors — all configured from a single pageflare.config.ts and applied with one command.

Get Started Free Learn about PWA features

Free tier available · No credit card required