Web App Manifest Generator

Generate a Web App Manifest (manifest.json) for Progressive Web Apps. Configure name, icons, display mode, theme color, and start URL for PWA installation.

App Name *Short Name

DescriptionStart URL

Display ModeOrientation

Theme Color

Background Color

manifest.json

{
  "name": "My App",
  "short_name": "App",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#006464",
  "background_color": "#ffffff",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

HTML Link Tag

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

Add this to the <head> of your HTML to register the manifest.

About Web App Manifest Generator

A Web App Manifest is a JSON file that tells browsers how to display your Progressive Web App when installed on a device. It controls the app name, icon, splash screen, theme colors, orientation, and whether the app appears in standalone mode (no browser UI) or fullscreen. This generator creates a valid manifest.json with sensible defaults and a starter icon configuration. Download it, place it at /manifest.json in your project root, and link to it from your HTML <head>.

Private & free — this tool runs entirely in your browser.