Web App Manifest Wizard
An interactive tool to generate and validate a Web App Manifest for your progressive web app.


A web app manifest file is a JSON file that can be used by the web browser to discover certain information about the website. It is useful for making Progressive Web Apps that can be installed on the homepage of a user's device, as well as for other purposes. A proper manifest file will help to ensure that the website's name, icon, and branding colors are properly used for shortcuts and bookmarks.
To generate your manifest, please select from the options below. We can also fetch your existing web app manifest file to validate it and pre-fill the wizard below.
Import Existing Manifest
Upload or paste in an existing web app manifest file to validate it and pre-fill the wizard below.
Web Manifest Implementation Steps
- Copy and paste the contents above into a file named "
site.webmanifest
" and put it at the root level of your website. - Add a header to the HTML of the website that points to this file.
<link rel="manifest" href="/site.webmanifest">
- The server should send this file with a Content-Type header of
application/manifest+json
. - Create the icons specified in the manifest above and place them at the root level of your website.
Some experimental, seldom used and advanced features have been omitted from this tool. If you have a need for these advanced features, you probably already know about them already, but you can read about them on the MDN Docs for Web App Manifest.

Test Your Website
Once you have made changes to your manifest, type your domain name into the box below and run a free ValidBot Test to check if everything is correct. Look in the "Common Files" section of the report to see if you made all the changes correctly.
If you have implemented a good Web App Manifest, your users will be able to install your progressive web app on their device and have a good experience.