PWA Manifest Generator

Create compliant website manifests in seconds with smart color extraction, icon generation and website analysis

Step 1: Enter Website URL

Step 2: Basic Information

App Name

Short Name

Description

Start URL

Step 3: Display Settings

Display Mode

Orientation

Scope

Language

Step 4: Upload Icon

Drag and drop an icon, or click to select

Supported formats: PNG, JPG, JPEG, GIF, SVG

Step 5: Theme Colors

Background Color

#ffffff

Theme Color

#000000

Step 6: Advanced Settings

Prefer Related Applications

When enabled, the browser will prioritize showing related native applications in the app install banner instead of the PWA. This is useful if you have a native app that provides a better experience than the web app.

Generated Manifest

{
  "name": "",
  "short_name": "",
  "description": "",
  "start_url": "/",
  "display": "standalone",
  "orientation": "any",
  "scope": "/",
  "lang": "en",
  "background_color": "#ffffff",
  "theme_color": "#000000",
  "prefer_related_applications": false,
  "icons": []
}

Manifest Validation

App Name is required
Short Name is required
Description is recommended
Start URL is set
Display Mode is set
Icons are required
Background Color is set
Theme Color is set
Maskable Icons are recommended
512x512 Icon is recommended

How to use these files:

Place the manifest.json file in the root directory of your website
If you're using Next.js, place the manifest.json in the public folder
Create a site_icons folder in the same directory and place all icon files there
Place the favicon.ico and favicon.png in the root directory