Skip to main content
{/}codefunc
GeneratorsRuns locally

Web Manifest Builder

Generate a Web App Manifest (manifest.webmanifest) for PWAs.

About this tool

Generate a Web App Manifest (manifest.webmanifest) for PWAs. Scaffold placeholder content, cron schedules, test data, and project boilerplate without extra CLI installs.

Fill name, short name, start URL, and display mode for your PWA. Set theme/background colors and icon paths (192 and 512). Example — Minimal installable app manifest: try `name: Demo App, start_url: /, display: standalone, icons: 192 + 512` and expect something like `{ "name": "Demo App", "short_name": "Demo", "start_url": "/", "display": "standalone", "icons": [/* ... */] }`.

Does not generate icon image files — point src at real PNGs you host. See also: Favicon Generator, and Meta Tags Generator. Runs in your browser — nothing you paste gets uploaded.

How to use

  1. Fill name, short name, start URL, and display mode for your PWA.
  2. Set theme/background colors and icon paths (192 and 512).
  3. Generate the JSON and save as manifest.webmanifest (or manifest.json).
  4. Link it from HTML with <link rel="manifest" href="/manifest.webmanifest">.

Example

Minimal installable app manifest

Input

name: Demo App, start_url: /, display: standalone, icons: 192 + 512

Output

{
  "name": "Demo App",
  "short_name": "Demo",
  "start_url": "/",
  "display": "standalone",
  "icons": [/* ... */]
}

Limitations

  • Does not generate icon image files — point src at real PNGs you host.
  • Service workers and HTTPS are still required for full installability.
  • Advanced fields (shortcuts, share_target, screenshots) are not included in the basic builder.

Related guides

1

Related tools

2

Frequently asked questions

What does the Web Manifest Builder do?

Generate a Web App Manifest (manifest.webmanifest) for PWAs. Runs in your browser — no install, no account.

How do I use the Web Manifest Builder?

Fill name, short name, start URL, and display mode for your PWA. Set theme/background colors and icon paths (192 and 512). Generate the JSON and save as manifest.webmanifest (or manifest.json). Link it from HTML with <link rel="manifest" href="/manifest.webmanifest">.

Is the Web Manifest Builder free?

Yes. No signup, no usage limits, no paywall.

Does the Web Manifest Builder upload my data?

No. Processing happens locally in JavaScript. Your input is not uploaded, stored, or logged.

What are the limitations of the Web Manifest Builder?

Does not generate icon image files — point src at real PNGs you host. Service workers and HTTPS are still required for full installability. Advanced fields (shortcuts, share_target, screenshots) are not included in the basic builder.

Search tools

Find a developer tool