Yes, the tool works entirely in your browser. No data or images are uploaded to any server.

Web Manifest Generator - Create PWA manifest.json

Q: What is a Web App Manifest?

A Web App Manifest is a JSON file that tells the browser how your web app should behave when installed on a mobile device or desktop.

Q: Where do I put the manifest.json file?

Place it in the root of your site and link it in the HTML head using a link tag with rel='manifest'.

Q: Why do I need 192x192 and 512x512 icons?

These are the mandatory icon sizes for PWA installability validation (Lighthouse) to ensure your icon looks good on all devices and splash screens.

Tools

Web Manifest Generator

Add to Favorites Remove from Favorites

App Details

App Name

Short Name

Description

Appearance

Theme Color

Background Color

Display Mode

Orientation

Settings

Start URL

Scope

App Icon (Auto-Resize)

Drag & Drop 512x512 Icon or Click to Upload

192x192

512x512

Home Screen Preview

My App

Copy JSON Download .zip (JSON + Icons)

About the Web Manifest Generator

Turning a website into a Progressive Web App (PWA) is one of the best ways to improve user engagement. A key requirement for any PWA is the manifest.json file. This small JSON file tells the browser how your app should behave when installed on a user's device (e.g., on an Android home screen).

Our Web Manifest Generator simplifies this process. Instead of manually typing out JSON code and hoping you didn't miss a comma, you can fill out a simple form. We handle the syntax for you.

Additionally, creating the required icon sizes (192x192 and 512x512) usually requires opening an image editor. This tool includes a built-in Icon Resizer. Just upload your high-quality logo (512x512 recommended), and we automatically generate the correctly sized PNGs. You can then download a ZIP file containing both your manifest and your icons, ready to upload to your server.

How to Use the Tool

App Details: Enter the full name and short name (displayed under the icon on home screens) of your app.
Appearance: Choose your theme color (toolbar color) and background color (splash screen color). Select the display mode (usually "Standalone" for a native app feel).
Upload Icon: Drag and drop your logo. The tool will auto-generate the 192px and 512px versions required by Lighthouse and PWA standards.
Download: Click "Download .zip" to get your manifest.json and images in one package.

Frequently Asked Questions

What is a Web App Manifest?

The Web App Manifest is a JSON file that provides information about a web application in a text file, necessary for the web app to be downloaded and be presented to the user in a manner similar to a native app (e.g., be installed on the home screen of a device).

Where do I put the manifest.json file?

You should place the `manifest.json` file in the root directory of your website. Then, link to it in the `<head>` section of your HTML using: `<link rel="manifest" href="/manifest.json">`.

Why do I need 192x192 and 512x512 icons?

These are the standard sizes required by Google Chrome and most other browsers to allow the "Add to Home Screen" prompt. The 192px icon is used for the home screen shortcut, and the 512px icon is used for the splash screen.

Is my data private?

Yes. This tool is client-side only. Your app details and uploaded icons are processed in your browser and are never sent to our servers.