SiteTidy
Home /Tools /Web App Manifest Generator

Web App Manifest Generator

Instantly generate a valid manifest.json to make your website installable.

Manifest Generator

Create PWA manifests with live previews.

App Details

Behavior

Branding Colors

Toolbar & status bar color

Splash screen background

Live Device Preview
A

My Awesome App

{
  "name": "My Awesome App",
  "short_name": "Awesome",
  "start_url": "/?source=pwa",
  "display": "standalone",
  "theme_color": "#4f46e5",
  "background_color": "#ffffff",
  "description": "An amazing progressive web app that works offline.",
  "orientation": "portrait",
  "icons": [
    {
      "src": "/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ]
}

What is a Web App Manifest?

The web app manifest is a simple JSON file that tells the browser about your web application and how it should behave when installed on the user's mobile device or desktop. Having a manifest is required to create a Progressive Web App (PWA).

How to install

Once you've generated and downloaded your manifest.json, place it in the root directory of your website. Then, add the following line to the <head> of all your HTML pages:

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

Key Properties

  • Display: standalone hides the browser UI, making it look like a native app.
  • Theme Color: Sets the color of the status bar and browser UI.
  • Background Color: The background color of the splash screen while your app is loading.

Related Guides

Deepen your understanding with our expert articles.

Favicon Best Practices in 2025Read guide →