Free Web Manifest Generator

Want visitors to install your site like an app? NToolHub's free Web Manifest Generator builds a complete manifest.webmanifest — name, icons, colors, display mode and start URL — for progressive web apps. Frontend developers use it to make sites installable on Android and desktop in minutes.

Add "purpose": "maskable" on one icon for adaptive icons — append | maskable.
Private by design. This tool runs 100% in your browser — your content is never uploaded to any server.

How to Use the Web Manifest Generator

  1. Enter your app name and short name (shown under the icon).
  2. Set the start URL, display mode and brand colors.
  3. List your icons — include 192px and 512px versions.
  4. Download manifest.webmanifest and link it from your pages.

Features

Configure app name, short name, description, start_url, scope, display mode, theme and background colors, plus a flexible icon list (with maskable-purpose support). Outputs standards-compliant JSON with instant download as manifest.webmanifest.

Benefits & Use Cases

An installable PWA lives on users' home screens, launches fullscreen, and re-engages like a native app — without app-store friction. Manifest metadata also powers the splash screen and task-switcher branding.

Tips

Provide 192px and 512px PNG icons (plus a maskable one for Android adaptive icons), set theme_color to match your brand, and link the manifest with <link rel="manifest"> on every page.

Frequently Asked Questions

What is a web app manifest?

A JSON file (manifest.webmanifest) describing your PWA: its name, icons, colors, display mode and start URL. Browsers use it to install your site as an app.

What icons do I need?

At minimum 192×192 and 512×512 PNGs. Add a maskable-purpose icon so Android can crop it into adaptive shapes without cutting off your logo.

What's the difference between display modes?

standalone opens without browser UI (app-like); fullscreen hides even system UI; minimal-ui keeps basic controls; browser is just a normal tab. Most PWAs use standalone.

How do I link the manifest?

Add <link rel="manifest" href="/manifest.webmanifest"> in your HTML head, serve it with the correct MIME type, and make sure start_url and scope are correct.

Related Tools

Web Manifest Checker

Validate your PWA manifest JSON with 10 installability checks, scored. Free Web Manifest Checker — paste your JSON and verify instantly, no sign-up.

Open tool →

Favicon Generator

Create a crisp PNG favicon from any emoji with a custom background color. Free Favicon Generator — renders instantly in your browser, no upload.

Open tool →

Mobile Meta Checker

Verify viewport, theme-color and mobile web-app meta tags for mobile SEO. Free Mobile Meta Checker — mobile SEO essentials, instant audit, no sign-up.

Open tool →

JSON-LD Generator

Flexible JSON-LD generator for any schema.org type with custom properties support. Free structured data builder from NToolHub — no sign-up required.

Open tool →