PWA Manifest Generator
name
short_name
or name
is required. name
will be displayed to the user and is used when the app is installed.
short_name
short_name
or name
is required. short_name
will be used if there's not enough space to show the name
description
description
is an explanation about what your application does.
start_url
start_url
represent where your application should start when it is launched.
background_color
background_color
is used on the application splash screen when the application launches.
theme_color
theme_color
defines the application theme color and sets the color of the toolbar.
The theme_color should match the meta theme color specified in your document head.
display
display
defines the preferred display mode mode of the application.
fullscreen
: All available area is used
standalone
: Application will look and feel like standalone application, with having a it's own window, icons and launcher
minimal-ui
: Applicaiton will look and feel like standalone application, but with minimal set of UI elements
browser
: This is the default setup and application will open in browser tab
scope
scope
defines the set of URLs considered within the context of your application. If user navigates out of
specified scope, a normal web page will be open.
shortcuts
shortcuts
defines the quick access to key actions in your application.
How to use this?
Create a file in your website's top level directory / root directory with the name.
This file can be named anything, but commonly named as manifest.json
or manifest.webmanifest
.
Copy the below json data and paste in your manifest file