Is this tool free to use?

Yes, this tool is 100% free with no hidden charges, no sign-up required, and no usage limits. All features are accessible to everyone for both personal and commercial use.

Is my data uploaded to any server?

No. This tool processes everything entirely in your browser using client-side JavaScript. Your data never leaves your device, is never uploaded to any server, and is not stored or logged. This ensures complete privacy.

Can I use this tool offline?

Yes. Once the page is loaded, this tool works offline without any internet connection. All processing happens locally in your browser.

Does this tool work on mobile devices?

Yes. This tool is fully responsive and works on all devices including smartphones, tablets, and desktop computers. No app installation is needed.

Can I customize the Pwa Manifest Generator output?

Yes. The Pwa Manifest Generator offers customization options to tailor results to your needs.

PWA Manifest Generator - Web App Manifest Builder

← Back to Tools

Updated: 2026-07-11

Advertisement (Top)

📝 Configuration

App Name (name) *Required

Displayed under the app icon

Short Name (short_name)

Shown on home screen (≤12 chars recommended)

Description (description)

Start URL (start_url)

The page opened when the app launches

Scope (scope)

URL scope the PWA controls

Display Mode (display)

Orientation (orientation)

Theme Color (theme_color)

Browser UI color (status bar, address bar)

Background Color (background_color)

Splash screen background color

Language (lang)

Icons — Recommended: 192x192 and 512x512 PNG

📄 manifest.json Preview

{\n "name": "My PWA App"\n}

📖 How to Use

PWA Manifest (Web App Manifest) is a required configuration file for PWAs. Include it in your HTML with <link rel="manifest" href="manifest.json">.

Required fields: Only name is mandatory, but it's recommended to also provide short_name, start_url, display, and icons for the best experience.

Icon recommendations: Provide at least 192x192 and 512x512 PNG icons. The 512x512 icon is used for the splash screen, while 192x192 is used for the home screen icon.

🎯 Use Cases

PWA Development: Quickly generate a standard manifest.json config file
Site Upgrade: Add PWA support to existing websites for better UX
App Publishing: Prepare configuration for Google Play (Trusted Web Activity)
Learning: Understand PWA manifest fields and their meanings

❓ FAQ

Does the manifest have to be in the root directory?

Not necessarily, but it's strongly recommended. The start_url and scope paths are relative to the manifest file's location. Placing it in the root makes path behavior more predictable.

Can I name the manifest file something else?

Yes. While manifest.json is conventional, you can use any name (e.g. app.json). Just make sure to reference it correctly in your HTML with <link rel="manifest" href="app.json">.

Do I need to update the Service Worker after changing the manifest?

No. The browser reads the latest manifest when the user opens the site. However, some changes (like new icons) may require users to re-add the app to their home screen.

Advertisement (Bottom)