Home › Web & Hosting › Web App Manifest
Web & Hosting
Web App Manifest
Generate a web app manifest so your site can be installed to a phone or desktop home screen like an app. Set the name, colors and you're most of the way to a Progressive Web App.
Try it now
Worked example
<!-- Add to <head>: <link rel="manifest" href="/manifest.webmanifest"> -->
{
"name": "My Site",
"short_name": "Site",
"start_url": "/",
"scope": "/",
"display": "standalone",
"background_color": "#0b0e14",
"theme_color": "#0b0e14",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
]
}
Inputs
- App name
My Site - Short name
Site - Theme color
#0b0e14 - Background color
#0b0e14
Frequently asked
What else does a PWA need?
A manifest, a 192px and 512px icon, HTTPS, and a service worker for offline. This covers the manifest and the <link> tag.
Where do the icons go?
Put icon-192.png and icon-512.png in your site root, or edit the paths in the manifest to match.