Web App Manifest Generator
Generate a standards-compliant Web App Manifest (manifest.json) for your Progressive Web App. Configure app name, theme color, icons, display mode, and orientation - then copy the JSON ready for deployment.
FAQ
A manifest.json file tells the browser how your web app should behave when installed on a user's device. It controls the app name, icons, theme color, splash screen, and display mode.
Place manifest.json in your website root and link it with <link rel="manifest" href="/manifest.json"> in your HTML head. All attributes follow the W3C Web App Manifest specification.
Standalone: looks like a native app with the browser UI hidden but status bar visible. Fullscreen: takes the entire screen with no browser or OS UI. Fullscreen is good for games and immersive experiences. Standalone is better for most apps because users can still access device status and navigation.
Chrome, Edge, Firefox, Opera, and Samsung Internet support the Web App Manifest. Safari on iOS has limited support — it uses proprietary meta tags (apple-mobile-web-app-capable) instead of the standard manifest for some features. Always test on target devices.
At minimum, a 192x192 and 512x512 PNG icon. The generator includes these by default. You should also provide actual icon files at the referenced paths.
More tools
JSON Formatter
Pretty-print, validate, and minify JSON with syntax highlighting.
RegEx Tester
Write and test regular expressions with real-time match highlighting.
CSS Minifier
Compress stylesheets by stripping whitespace, comments, and redundant declarations.
JavaScript Minifier
Shrink JS payloads with intelligent minification.
Diff Checker
Compare two text blocks side-by-side and see exactly what changed.
Markdown Preview
Write Markdown and see the rendered HTML preview update in real time.