📱 Web App Manifest Generator

Build a manifest.json for your PWA from a form: name, start_url, display, theme_color, an icons table at multiple sizes, shortcuts, share_target, and protocol_handlers. Outputs the HTML link tag too.

✅ 100% free · no signup · runs entirely in your browser · no server upload

🔒 About Privacy

・JSON is generated entirely in your browser
・App name, URLs and other inputs are never sent to any server
・No storage logs, no database
・No signup, no login, no payment ever

Basic info

name

short_name

description

start_url

scope

display

orientation

theme_color

background_color

lang

dir

Icons (size and src)

Checked sizes are emitted in the icons array. The type is inferred from the src extension.

Common prefix

Extension

Also include a maskable icon (icon-512-maskable)

App shortcuts (up to 4)

Include share_target (receive shares in your PWA) Include protocol_handlers

manifest.json

HTML snippet (place in head)

📖 How to Use

1

Fill in basic info

Enter name, short_name, start_url, display, theme_color and so on.
2

Configure icons and shortcuts

Check the icon sizes you ship, then set the common prefix and extension. Add up to four app shortcuts if needed.
3

Generate and deploy

Click Generate JSON, save manifest.json, and paste the HTML snippet into your <head> — the browser will pick up the PWA.

❓ FAQ

What are the minimum requirements to be installable?

You need name (or short_name), start_url, display set to standalone (or fullscreen / minimal-ui), at least 192x192 and 512x512 icons, HTTPS, and a registered service worker. This tool covers everything except the service worker.

Do I need a maskable icon?

Strongly recommended for Android adaptive icons. Enabling the checkbox adds one 512x512 entry with purpose set to maskable. Keep important content within the inner 80%.

My manifest changes are not picked up

Browsers cache manifest.json aggressively. Use a short Cache-Control, query-string the reference (?v=...), or hit Update on reload in the Application tab.

🔗 Related Tools

🐛 Found a bug or issue with this tool?

Free to use, no signup. Even just the steps to reproduce are helpful. Reports go directly to the operator and help us fix issues.