Free PWA tool

Web App Manifest Generator

Create a clean site.webmanifest file for your website. Fill in the fields, preview the JSON, then copy or download it.

App details

App name

Short name

Aim for roughly 12–15 characters when possible.

Description

App ID

Start URL

Scope

Display mode

Orientation

Language

Theme color

Background color

Icons

192×192 icon path

512×512 icon path

Maskable icon path (optional)

Generated site.webmanifest

Check a manifest

Installation

Download the file and place it in your site's published root folder.
Add your referenced icon files.
Add the manifest link to each page's <head>.

<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#176b5b">

A manifest describes how an installed web application should appear and launch. It does not automatically add offline support; that generally requires a service worker and appropriate caching logic.

What the main fields mean

Member	Purpose
`id`	Provides a stable identity for the installed application.
`name`	The full application name.
`short_name`	A compact label for places with limited space.
`start_url`	The page opened when the installed application launches.
`scope`	The navigation boundary associated with the application.
`display`	Controls whether the application looks like a browser tab or a standalone app.
`icons`	Lists app icons and their sizes, types and purposes.