Fill in app details
Set the name, start URL, colors, display mode and orientation.
Web App Manifest Generator
Build a valid site.webmanifest visually — name, icons, colors and display mode — then copy or download the JSON.
site.webmanifest
Paste this in <head>
How it works
Add your icons
List each icon's path, size and MIME type — add as many rows as you need.
Download and link it
Save site.webmanifest and paste the generated link tag into your head.
FAQ
What is a web app manifest for?
A manifest is a JSON file that tells browsers how your web app should look and behave when installed, including its name, icons, colors and display mode, enabling installable Progressive Web Apps.
Where do I put the generated file?
Download it as site.webmanifest, place it at the root of your site, and reference it from every page's head with the generated link rel="manifest" tag.
What icon sizes should I include?
At minimum include 192x192 and 512x512 PNG icons, since these are the sizes most commonly required for installability and app-store-style listings.