manifest.webmanifest generator

Create a web app manifest to make your site installable as a PWA. Helps define name, icons, colors and launch behavior.

ID

App Name

Short Name

Description

Start URL

Scope

Dir

Lang

Orientation

Display

Background Color

Theme Color

Display Override

Add override

Icons

Icon URL

Related Applications

Platform

URL

ID

Screenshots

Src

Type

Sizes

Form Factor

Label

Launch Handler Client Mode

Add mode

IARC Rating ID

Prefer Related Applications

About web app manifest

The manifest.webmanifest (or manifest.json) describes how your web app should behave when installed on a device. It contains information such as the app name, icons, theme and background colors, and how the app should be displayed.

Why it matters

Enables users to install your web app to their home screen.
Controls the launch experience (standalone, fullscreen, etc.).
Provides icons for different device sizes and resolutions.

Best practices

Provide multiple icon sizes (e.g., 192x192, 512x512) and use PNG or WebP formats.
Keep start_url and scope consistent with your app routing.
Define theme_color and background_color to match your branding.
Serve the manifest from the root or reference it in your HTML head: <link rel="manifest" href="/manifest.webmanifest">

Tip: Use a service worker in combination with a manifest to enable offline installable experiences.