PWA manifest.json visual builder. Metadata for installable web apps.
πŸ“„ manifest.json
πŸ“Œ Add to HTML <head>

How to use

  1. Enter app name, icons, theme color, etc.
  2. Upload manifest.json to site root (/manifest.json).
  3. Add <link rel="manifest" href="/manifest.json"> to <head>.
  4. Prepare 192Γ—192 and 512Γ—512 PNG icons at the same path.
  5. Chrome / Edge will show "Install app" prompt automatically.

Key features

  • All required PWA manifest fields
  • 4 display modes (standalone / fullscreen / minimal-ui / browser)
  • orientation / scope / start_url handled
  • HTML <head> snippet included
  • Hits perfect Lighthouse PWA score

Use cases

  • Web app β†’ home-screen install β€” users can add to home
  • Lighthouse score β€” 100 on PWA
  • Native app alternative β€” distribute without app stores
  • Offline support β€” paired with Service Worker
  • iOS App Clips β€” lightweight instant launch

What is a PWA?

Progressive Web App = website that installs and runs like a native app. Requires manifest.json + Service Worker + HTTPS. Twitter Lite, Pinterest, Starbucks all ship as PWAs β€” distributed without app stores. This tool covers the manifest. Service Worker needs a separate JavaScript file.

FAQ

No "Install app" prompt?

(1) HTTPS required (2) manifest.json + icons + Service Worker all needed (3) Check chrome://flags.

iOS Safari support?

Partial. Need <link rel="apple-touch-icon"> and <meta name="apple-mobile-web-app-capable">.

Where to make icons?

Use favicon generator β€” it outputs PWA sizes too.

Free?

Yes.