Content is loading…
Generate a complete PWA manifest.json for installable web apps.
{
"start_url": "/",
"display": "standalone",
"orientation": "any",
"theme_color": "#6366f1",
"background_color": "#ffffff",
"lang": "en-US",
"scope": "/",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable any"
}
]
}manifest.json in the root of your web project (e.g., public/manifest.json).<head> of your HTML:<link rel="manifest" href="/manifest.json">
icons array (e.g., /icons/icon-192x192.png).Generate a complete Web App Manifest (manifest.json) for your Progressive Web App. Configure app name, icons, display mode, theme colors, and all required fields to make your website installable.
The PWA Manifest Generator simplifies the process of making your website installable by quickly building a complete, standards-compliant manifest.json file. It allows developers to configure essential web app properties such as app names, icons, display modes, and theme colors without writing the JSON structure manually. Being entirely web-based and free to use, it removes setup friction and speeds up progressive web app development.
Good to know: Projects requiring automated manifest generation as part of a complex build pipeline or continuous integration workflow may benefit from dedicated command-line plugins.
Create a valid manifest.json file to make your Progressive Web App installable on mobile and desktop devices.
Enter your application identity details
Fill in the app name, short name, and description fields to define how your PWA appears to users.
Configure display and orientation settings
Select your preferred display mode like standalone or fullscreen and set the default screen orientation.
Set theme and background colors
Choose the hex codes for your brand colors to customize the browser UI and splash screen.
Upload or link app icons
Provide the paths for your app icons in various sizes to ensure high-quality display on all home screens.
Generate and download the manifest file
Click the generate button to create your manifest.json code and download it for your project.
Link the manifest in your HTML
Copy the provided link tag and paste it into the head section of your website's HTML file.
Estimated time: PT2M
Share this tool
Beautify, minify, and validate JSON data instantly.
Upload an image and get all favicon sizes + HTML link tags.
Preview how your page looks when shared on social media platforms.
Encode and decode Base64 strings instantly.
Generate v4 UUIDs instantly, single or in bulk.
Explain any code in plain language — all languages supported.
Percent-encode or decode URL strings instantly.
Encode/decode HTML entities like < > &.
Convert Unix epoch timestamps to/from readable dates.
Convert text or Markdown to a Word .docx file with live preview, RTL, and page-setup options.
Draw a Secret Santa with exclusions and share a private reveal link for each person.
Make custom bingo cards from your own words — play, print, or share a link.
Convert images to video with the Ken Burns zoom/pan effect. Add music and export as WebM.
Load and compare multiple URLs side by side in resizable iframes.
Rank anything with quick 1-v-1 matchups → a full ordered list you can share.
Convert Markdown to a fully customized, RTL-ready PDF.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
