Turning a website into an installable Progressive Web App starts with a single JSON file: manifest.webmanifest. The Web App Manifest Generator lets you fill in a form and get a valid, ready-to-ship manifest plus the <head> markup that points to it.
What Is the Web App Manifest Generator?
Web App Manifest Generator is one of the tools in WebdevToolbox’s Generators category. It builds a PWA manifest.webmanifest file with icons, theme colors, and display mode — everything a browser needs to offer an “Add to Home Screen” install prompt.
How to Use It
- Open the tool at /tools/web-app-manifest-generator.
- Fill in app identity fields: name, short name, description, start URL, scope, and language.
- Pick a display mode (standalone, fullscreen, minimal-ui, or browser), orientation, theme color, and background color.
- Add one or more icon rows with a source path, size, MIME type, and purpose (any, maskable, or monochrome).
- Copy the generated JSON or click Download manifest.webmanifest to save the file directly.
- Paste the generated
<head>snippet into your site so browsers can discover the manifest.
Key Features
- Live JSON preview — every field you change updates the manifest output instantly.
- Dynamic icon list — add or remove as many icon entries as your app needs.
- Ready-to-paste
<head>snippet — includes the manifest link, theme-color meta tag, and an apple-touch-icon fallback. - Clean output — empty optional fields are omitted so the generated JSON stays minimal.
When to Use the Web App Manifest Generator
- Launching a new PWA — get a spec-compliant manifest without memorizing every field name.
- Auditing an existing app — quickly rebuild a manifest to compare against what’s currently deployed.
- Rebranding — regenerate theme colors and icons when a product’s visual identity changes.
Try It Now
Open Web App Manifest Generator directly from anywhere on the site using ⌘K and typing the tool name.
Part of the Generators collection on WebdevToolbox — free, browser-based developer tools with no login required.