πŸ› οΈ

πŸ“±PWA Manifest Generator

Generate PWA manifest.json files visually with live preview and one-click download.

PWA Manifest Generator

Generate a manifest.json for your Progressive Web App

manifest.json
{
  "name": "My PWA App",
  "short_name": "My App",
  "description": "A Progressive Web App built with Astro",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "background_color": "#ffffff",
  "theme_color": "#3b82f6",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

About PWA Manifest Generator

Build a complete Web App Manifest for your Progressive Web App (PWA) with an intuitive visual editor. Configure name, icons, theme color, display mode, orientation, and more. Preview the result in real-time and download a ready-to-use manifest.json file. All processing happens locally.

Features

  • Visual editor for all manifest fields
  • Generates a standards-compliant manifest.json
  • Download the manifest file with one click
  • Real-time preview of configuration

Frequently Asked Questions

What is a PWA Manifest?
A PWA Manifest (Web App Manifest) is a JSON file that defines how a Progressive Web App appears and behaves when installed on a device, including its name, icons, theme color, and display mode.
How do I use manifest.json?
Place the manifest.json file in your web project root and link it in your HTML head with <link rel="manifest" href="manifest.json">. Most browsers will then recognize your site as installable.