SEO Tools

Web App Manifest Generator

Build a valid Web App Manifest (manifest.json) for your PWA. Live JSON preview, icon and shortcut builder, install-criteria checks.

Quick presets

Start from a sensible baseline and tweak from there. Every preset is a valid Web App Manifest you could ship today.

App identity

name

Full app name. Shown on the install prompt and home screen.

short_name

Short label for the home screen (12 chars or less is best).

description

One sentence explaining what the app does.

lang

BCP 47 language tag (en, en-US, fr, ja...).

dir

Text direction for name and short_name.

categories

Comma-separated W3C category labels (productivity, news, games...).

Launch behaviour

start_url

The first URL loaded when the app launches. Usually / or /home.

scope

URLs inside scope stay in the app; URLs outside open in a browser tab.

Stable identity for browsers to deduplicate installs. Usually matches start_url.

display

Hides the browser chrome. Most common for installed PWAs.

orientation

Locked screen orientation when the app is in standalone or fullscreen mode.

theme_color

Browser UI color (title bar, status bar). Also used as the <meta theme-color>.

background_color

Splash screen background while the app boots.

prefer_related_applications tells the browser to advertise a native app instead of this PWA when both are available. Leave unchecked unless you also ship a native app.

Icons

Add at least one 192x192 and one 512x512 PNG. A maskable icon is recommended for adaptive Android home screen tiles.

Icon 1
src
sizes
type
purpose
Combine purposes (any + maskable) by toggling both. Browsers will pick the best fit for each context.
Icon 2
src
sizes
type
purpose
Combine purposes (any + maskable) by toggling both. Browsers will pick the best fit for each context.
Icon 3
src
sizes
type
purpose
Combine purposes (any + maskable) by toggling both. Browsers will pick the best fit for each context.

Shortcuts

Optional jump-list actions that appear when users long-press the installed app icon. Each shortcut needs a name and a URL.

No shortcuts yet. Most apps add 2 to 4 to surface the most common actions.

Generated manifest.json

Save this file at the root of your site and link to it from every HTML page.

{
  "name": "My Awesome App",
  "short_name": "Awesome",
  "description": "A fast, install-friendly progressive web app.",
  "id": "/",
  "start_url": "/",
  "scope": "/",
  "display": "standalone",
  "theme_color": "#0ea5e9",
  "background_color": "#05070b",
  "lang": "en-US",
  "categories": [
    "productivity",
    "utilities"
  ],
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

HTML link tag

Paste inside the head of every page so browsers know the manifest exists.

<link rel="manifest" href="/manifest.json">

theme-color meta tag

Some browsers read this directly in addition to the manifest.

<meta name="theme-color" content="#0ea5e9">

PWA install checklist

Issues are evaluated against Chrome and Edge install criteria.

0 errors0 warnings0 hints

All checks pass. Browsers should be willing to install this manifest.

What goes in a Web App Manifest

name and short_name: install prompts and home screens use these labels. Keep short_name under 12 characters so launchers do not truncate it.
start_url and scope: start_url is where the app opens; scope decides which URLs stay inside the installed app shell.
display: standalone hides browser chrome (default for PWAs); fullscreen takes the screen (games); minimal-ui keeps a thin browser UI; browser disables install in most browsers.
theme_color: color that browsers apply to the title bar and status bar. Mirror it with a meta theme-color tag in the head.
icons: Chrome and Edge require at least one 192x192 and one 512x512 icon, plus they prefer a maskable icon for adaptive Android tiles.
shortcuts: jump-list entries shown on long-press of the installed icon. Up to four are commonly displayed by launchers.

How to use

Pick a preset (Basic website PWA, eCommerce store, News, Docs site, Browser game) or start from a blank manifest.
Fill in App identity (name, short_name, description) and Launch behaviour (start_url, scope, display mode, theme color, background color).
Add icons. At minimum include a 192x192 and a 512x512 PNG. Add a maskable variant if you want adaptive Android home screen tiles.
Add up to four shortcuts for the jump-list users see when they long-press the installed app icon.
Read the install checklist on the right and resolve any errors. Use Copy JSON or Download to grab the manifest, then paste the link and meta tag snippets into the head section of every page.

About this tool

Web App Manifest Generator builds a valid manifest.json (also called site.webmanifest) for a Progressive Web App. Fill in the form on the left and the JSON updates live on the right. Identity fields cover name, short_name, description, id, lang, and dir. Launch fields cover start_url, scope, display (standalone, fullscreen, minimal-ui, browser), orientation, theme_color, background_color, and prefer_related_applications. The icon builder lets you add any number of icons with the src, sizes, type, and purpose fields the W3C Web App Manifest specification uses, including the maskable purpose that adaptive Android home screens want. The shortcuts builder adds the jump-list entries shown when users long-press the installed app icon: each shortcut gets a name, short_name, description, url, and optional icon. Quick presets cover a blank manifest, a basic website PWA, an eCommerce store with cart and account shortcuts, a news site in portrait orientation, a documentation site in minimal-ui, and a fullscreen browser game. As you edit, the install checklist reports the same criteria Chrome and Edge check before showing an install prompt: name is required, start_url is required, display must be a recognized value, at least one 192x192 icon and one 512x512 icon are required, and a maskable icon is recommended. The tool also emits the matching HTML link tag and meta theme-color tag, ready to paste into your head section. The output is downloadable as manifest.json and the JSON itself runs entirely in your browser, so app names, URLs, and design colors you are still drafting never leave your device.

Free to use. Works in your browser. No signup, no login.

Related tools

Web App Manifest Generator

How to use

About this tool

You may also like

Favicon Generator

Open Graph Image Generator

Robots.txt Generator

Meta Tag Preview

Canonical Tag Generator

Web App Manifest Generator