📱

PWA Manifest Generator

Web Tools

Generate Web App Manifest files for Progressive Web Apps. Free, private — all processing in your browser.

App Name

Short Name

Description

Start URL

Scope

Display Mode

Orientation

Theme Color

Background Color

manifest.json

{
  "name": "My App",
  "short_name": "App",
  "description": "A progressive web application",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "theme_color": "#6366f1",
  "background_color": "#ffffff",
  "scope": "/",
  "lang": "en",
  "icons": [
    {
      "src": "/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}

HTML Tags (add to <head>)

<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#6366f1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="App" />
<link rel="apple-touch-icon" href="/icons/icon-192x192.png" />

How to use

1. Enter or paste your data in the input area above
2. Adjust settings or options as needed
3. Click the action button or see real-time results
4. Copy the result with the copy button

All processing happens in your browser. Nothing is sent to any server.

About this tool

Generate Web App Manifest (manifest.json) files for Progressive Web Apps. Configure all required and optional fields: app name, short name, description, start URL, scope, display mode (standalone, fullscreen, minimal-ui, browser), orientation, theme color, and background color. The tool generates a complete manifest.json with proper icon references for all standard sizes (72×72 through 512×512) including maskable icons for Android adaptive icons. It also generates the HTML link and meta tags you need in your page head: manifest link, theme-color meta, Apple mobile web app tags, and Apple touch icon. Essential for making your web app installable on mobile devices and appearing in app stores.