Web Manifest Generator

Create a web app manifest for a progressive web application. Configure identity, start behavior, display settings, colors, categories, icon references, and shortcuts, then copy or download manifest.json.

Features

Complete manifest.json generationIcon size configurationsDisplay mode optionsTheme and background colorsApp shortcuts supportHTML meta tags included

Web Manifest Generator

Basic Information

App Name *

Short Name *

Description

Start URL *

Scope

Display & Appearance

Display Mode *

Orientation

Theme Color *

Background Color *

App Icons

Icon URL/Path

Icon Sizes

Generated manifest.json

{
  "name": "My Progressive Web App",
  "short_name": "MyPWA",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff",
  "description": "An awesome progressive web application",
  "scope": "/",
  "lang": "en",
  "dir": "ltr"
}

HTML Head Tags

<!-- Web App Manifest -->
<link rel="manifest" href="/manifest.json">

<!-- iOS Support -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="MyPWA">
<link rel="apple-touch-icon" href="/icon-192x192.png">

<!-- Theme Colors -->
<meta name="theme-color" content="#000000">
<meta name="msapplication-TileColor" content="#000000">

<!-- PWA Description -->
<meta name="description" content="An awesome progressive web application">
<meta name="application-name" content="My Progressive Web App">

How to use the Web Manifest Generator

1Enter the application name, short name, description, start URL, and scope.
2Choose display, orientation, theme, background, language, and categories.
3Add icon URL entries and optional application shortcuts.
4Review the JSON, download manifest.json, and copy the matching HTML tags.

Common uses

Add install metadata to a progressive web app.
Configure home-screen naming and appearance.
Draft manifest icon and shortcut declarations.

Icon entries do not create image files

The icon controls generate manifest references for the URL or path and sizes you provide. They do not resize or create the actual PNG files, so generate and host those assets separately.

Frequently asked questions

Does Generate Icons create PNG files?

No. It generates icon entries in the manifest. Use the favicon or image tools to create the corresponding files.

Where should manifest.json be hosted?

Host it on your site and reference it with a manifest link element in the document head.

Does a manifest alone make an app installable?

No. Browser install criteria can also require HTTPS, suitable icons, valid fields, and other platform-specific conditions.

Web Manifest Generator

Features