Web App Manifest Generator
Generate a site.webmanifest with name, short name, start URL, scope, id, display mode, colours and icons including a maskable one, plus the HTML link tags.
Free · No sign-up · Your inputs stay in your browser
Input
Generate a web app manifest
Output
site.webmanifest
606 characters
HTML head
<link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#4f46e5">
Serve it as application/manifest+json and link it with <link rel="manifest">. Chrome's install prompt needs a name, a start_url, a 192 px and a 512 px icon and display other than browser, and an id keeps the installed app's identity stable if start_url later changes. A maskable icon keeps its content inside the central 80% safe zone so Android can crop it to any shape.
Runs in this browser. Nothing you paste is sent to a server.
About this tool
Method, assumptions, practical next steps, and limits.
What makes an app installable
Chromium browsers offer installation when the manifest has a name or short_name, a start_url, icons of 192 and 512 pixels and a display mode other than browser, and the site is served over HTTPS. Setting an id keeps the installed app's identity stable if start_url changes later. The fields are defined in the Web Application Manifest specification.
Maskable icons
Android crops icons into circles and other shapes. A maskable icon keeps its important content inside the central 80% safe zone and fills the rest with background, so cropping never cuts the logo.
