manifest.json generator (PWA)
Fill in the site's details and copy the JSON and the head tags. The icons are the same as the favicon, at 192 and 512 px.
How to useA manifest to install your site on phones
Manifest file
Tags for the <head>
manifest.json generator (PWA): what it is for
The web app manifest is the file that lets people add your site to their phone's home screen with the right name, icon and colors, and open it without the browser bar.
Fill in the name, short name, description, colors and display mode and copy the JSON with the 192 and 512 px icons Chrome requires to offer installation, plus the optional maskable icon for Android. It comes with the link rel=manifest tag, theme-color and apple-touch-icon for iPhone.
How to use
- Fill in the name, description and colors.
- Choose the display mode and the icons folder.
- Download the manifest and paste the tags into the head.
When to use it
- Letting people install the site on their phone.
- Starting a PWA.
- Fixing the home screen shortcut icon.
Frequently asked questions
What is the manifest for?
It's the file that tells the browser the name, colors, icon and how the site opens when added to the home screen. With it, the phone shortcut gets the right icon and can open without the browser bar, like an app.
Which icons are required?
For Chrome to offer installation, the manifest needs 192 and 512 px icons, plus name or short_name, start_url and display. An icon with purpose maskable keeps Android from putting your logo small inside a white circle.
Does the manifest alone turn the site into an app?
It already allows adding it to the home screen with a name and icon. To work offline you also need a service worker, which stores the files on the device; that's a separate step.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.