Manifest Studio
Configure web app identity, install behavior, colors and icons, inspect the JSON and download a production-ready manifest draft.
MANIFEST STUDIO / PWA METADATAVALID DRAFT
INSTALL PREVIEW / APPROXIMATION
Example Product
A focused product experience installed from the web.
STANDALONE / ANYMANIFEST.WEBMANIFEST532 BYTES
{
"name": "Example Product",
"short_name": "Example",
"description": "A focused product experience installed from the web.",
"start_url": "/",
"scope": "/",
"display": "standalone",
"orientation": "any",
"theme_color": "#785cff",
"background_color": "#07080a",
"icons": [
{
"src": "/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}
REVIEW / 0
Required fields and recommended icon entries are present.
Installability also depends on HTTPS, a service worker and browser-specific criteria that this local builder cannot verify.OUTPUT / JSONReal manifest
Download a valid JSON web manifest containing the fields configured in the workspace.
PREVIEW / APPROXVisual direction
The install card is an approximation; each browser and operating system controls its final UI.
INSTALL / SCOPEMore than metadata
Installability can also require HTTPS, icons, a service worker and browser-specific criteria.