Web App Manifest Generator
Generate a PWA web app manifest.json with all required fields.
Icons
Place your app icons in /icons/ directory. Recommended sizes: 192Γ192 and 512Γ512 PNG files.
manifest.json
{
"name": "My App",
"short_name": "App",
"description": "A progressive web application.",
"start_url": "/",
"display": "standalone",
"theme_color": "#4f46e5",
"background_color": "#ffffff",
"orientation": "any",
"scope": "/",
"lang": "en",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}About this tool
A web app manifest is a JSON file that tells browsers how to display your progressive web application on a user's device. It defines essential information like your app's name, start URL, display mode, icons, and theme colors, enabling your web app to be installed and launched just like a native application on phones, tablets, and desktops.
This generator helps you create a complete manifest.json file by simply filling in your app's details. You configure fields like display mode (standalone or fullscreen), orientation preferences, language, scope, and color scheme, then download or copy the generated JSON to your project's root directory. The tool automatically includes icon configuration placeholders and ensures all required W3C Web App Manifest properties are properly formatted.
Web app manifests are essential for PWA (Progressive Web Application) development and improve discoverability across app stores on iOS and Android. Developers building single-page applications, web-based tools, or offline-capable sites benefit most from this tool, as it ensures fast manifest generation without manually writing JSON syntax.
Frequently Asked Questions
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.