Content is loading…
Share
Generate a complete PWA manifest.json for installable web apps.
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.
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.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
Convert Markdown to a fully customized, RTL-ready PDF.
Load and compare multiple URLs side by side in resizable iframes.
Record your screen directly in the browser. Download as WebM video.
Buy social media marketing services — followers, likes, views and more.
Play local or online videos with HLS stream support, subtitles, playlist, and bookmarks.
Create shareable URL playlists with live iframe preview and password protection.
{
"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).