Free Web Manifest Generator
Generate a valid manifest.json for your PWA instantly. Upload your logo and get PWA icons (192×192, 512×512, maskable) plus a complete, ready-to-use manifest file.
Generate manifest.json freeThe manifest.json Snappicon generates
A complete, valid web app manifest — ready to drop into your /public directory.
{
"name": "Your App Name",
"short_name": "AppName",
"description": "Your app description",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#7C3AED",
"icons": [
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icon-512-maskable.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}manifest.json fields explained
Every field that matters for PWA installability and home screen appearance.
| Field | Purpose |
|---|---|
| name | Full name of the web app — shown in install prompts and splash screens |
| short_name | Short name for home screen labels — keep under 12 characters |
| start_url | URL the app opens to when launched from home screen |
| display | "standalone" removes browser UI; "minimal-ui" keeps a minimal bar |
| background_color | Background color shown during splash screen before app loads |
| theme_color | Browser chrome color on Android — affects the status bar color |
| icons | Array of icon objects — must include 192×192 and 512×512 with maskable variant |
How the web manifest generator works
Upload your logo
Drop a PNG, SVG, JPEG, or WebP. Square images at any resolution — we handle the resizing.
Generate all PWA assets
Snappicon creates 192×192, 512×512, and 512×512 maskable icons plus a valid manifest.json referencing them.
Drop into /public
Files are named and organized correctly. Add the <link rel="manifest"> tag from the HTML snippet to your <head>.
Why developers use Snappicon for manifest generation
Maskable icons included
Android adaptive icons require a maskable variant with content in the safe zone — generated automatically.
Valid JSON structure
Manifest passes PWA validation in Chrome DevTools Lighthouse and browser install checks.
All icon sizes covered
192×192 (home screen), 512×512 (splash & stores), and maskable — every required variant.
Next.js manifest.ts included
For App Router projects, we also output the TypeScript manifest() function equivalent.
Linked to your other assets
Manifest references the same icons in your ZIP — no path editing required.
Free, no account
Generate a complete PWA manifest without signing up. One upload, full output.
Web manifest generator FAQ
What is a web app manifest?
A web app manifest (manifest.json) is a JSON file that tells browsers how to display your web app when installed on a device. It controls the app name, icons, launch URL, display mode, and theme colors.
Do I need a manifest.json for a PWA?
Yes. A valid manifest.json is required for a web app to be installable as a Progressive Web App. Chrome, Edge, Safari, and Firefox all check for a linked manifest before showing install prompts.
What icons does a PWA manifest need?
At minimum: a 192×192 PNG (for Android home screen) and a 512×512 PNG (for splash screens and high-DPI). You should also include a 512×512 maskable icon so Android can apply its adaptive icon shape correctly.
What is a maskable icon?
Android's adaptive icon system applies shapes (circle, squircle, etc.) to app icons. A maskable icon has content within a "safe zone" (the central 80%) so it displays correctly regardless of which shape Android applies.
How do I link manifest.json in my HTML?
Add this tag to your HTML <head>: <link rel="manifest" href="/manifest.json" />. For Next.js App Router, export a manifest() function from app/manifest.ts instead — Snappicon generates the metadata equivalent.
Related tools
Generate your manifest.json — free
No account needed. Upload your logo and get a complete PWA manifest plus all icon assets in seconds.
Generate manifest.json free