Online Tool Store
PWA Manifest Generator
Generate a PWA web app manifest.json with app name, short name, start URL, display mode, and theme or background colors, ready to copy into your project.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
manifest.webmanifest
Example shown — add your own icon entries in your project after copying.
How the PWA Manifest Generator works
- Enter your app identity, launch URL, display mode, and colors.
- Review the generated JSON as the values update.
- Copy it into a manifest file and link that file from your site.
A web app manifest is JSON metadata. Browsers use fields such as name, start_url, display, and theme_color to present an installable web app consistently.
FAQ
What is a web app manifest?
It is a JSON file that tells browsers how a site should look and launch when installed as an app.
Does this generate icons?
No. It includes a sample icon entry; create and add your own icon assets.
Does this make my site a PWA?
No. A service worker and other installation requirements still need to be configured in your project.
How do I add the generated manifest to my website?
Copy the JSON and save it as manifest.json in your site's root folder, then link it from the <head> of your HTML with <link rel="manifest" href="/manifest.json">.
What's the difference between the name and short name fields?
"name" is the full app name shown on the install prompt and app listing; "short_name" is a shorter label used under the home-screen icon, where space is limited.
How we compare
| Feature | Online Tool Store | PWABuilder | Hand-written JSON |
|---|---|---|---|
| Live manifest preview | ✓ | ✓ | Manual |
| No account needed | ✓ | ✓ | ✓ |
For a small manifest draft without a broader PWA workflow, this page keeps the core fields and output together.