Manifest.json Generator
Generate a complete manifest.json file for a Progressive Web App, including icons, display mode, and theme colors.
manifest.json:
How to Use the Manifest.json Generator
A web app manifest is a JSON file that tells browsers how your Progressive Web App (PWA) should behave when installed — its name, icons, colors, and display style. Fill in your app's name, short name, description, start URL, preferred display mode, theme and background colors, and icon URLs for the two most common sizes, then copy the generated JSON into a file named manifest.json at the root of your site, and link to it from your HTML with <link rel="manifest" href="/manifest.json">.
Example
Setting display mode to standalone makes the installed app open in its own window without browser chrome (address bar, tabs), giving it a native-app-like feel on a phone's home screen.
Common Use Cases
- Making a website installable as a Progressive Web App on mobile and desktop.
- Setting the icon, splash-screen colors, and app name shown when a user adds your site to their home screen.
- Passing PWA-related checks in Lighthouse or other site-quality audits.
FAQs
- What's the difference between name and short_name?
nameis the full app name shown on install prompts and app listings, whileshort_nameis a shorter label used where space is limited, such as under a home-screen icon. - Which display mode should I pick?
standaloneis the most common choice for app-like experiences;fullscreenhides even the status bar for immersive apps like games;minimal-uikeeps a few browser controls;browseropens like a normal browser tab. - Do I need more icon sizes than 192x192 and 512x512? Those two cover the vast majority of PWA install and splash-screen requirements across platforms, though some platforms may use additional sizes or maskable icon variants for finer visual control.