AES Encryption Explained: How It Works and Why It Matters
Jun 23, 2026
PWA Manifest Generator
Generate Progressive Web App manifest.json files visually. Customize every field and download a ready-to-use manifest.
- Home
- Web Dev
- PWA Manifest Generator
Icons
What is a PWA Manifest?
The web app manifest is a JSON file that tells the browser about your Progressive Web App and how it should behave when installed on a user's device. It defines the app name, icons, theme colors, display mode, orientation, and more.
This generator helps you create a valid manifest.json file without memorizing the specification. Every field follows the W3C Web App Manifest specification and includes best practices for modern PWAs.
How to Use
- Enter App Details — Fill in your app name, short name, and description. These appear when users install your PWA.
- Configure Display & Colors — Choose the display mode (standalone, fullscreen, etc.), orientation, and pick theme and background colors.
- Add Icons — Add icon entries with size and path. The default 192x192 and 512x512 icons meet the minimum PWA requirements.
- Set Advanced Options — Configure start URL, scope, categories, and language as needed.
- Copy or Download — Use the copy button or download the manifest.json file. Place it in your project root and link it in your HTML with
<link rel="manifest" href="/manifest.json">.
Frequently Asked Questions
What icon sizes do I need for a PWA?
At minimum, you need 192x192 and 512x512 PNG icons. For best results across all devices, include additional sizes: 144x144, 256x256, and 384x384. Android requires at least a 192x192 icon for the install prompt.
What is the difference between standalone and fullscreen?
Standalone opens the app without browser UI (no address bar or tab strip) but shows the system status bar. Fullscreen hides everything including the status bar — best for games and immersive experiences. Minimal UI shows minimal browser navigation controls.
How do I add the manifest to my website?
Place the manifest.json file in your project root and add this tag to your HTML <head>: <link rel="manifest" href="/manifest.json">. You also need a service worker and HTTPS to meet PWA requirements.
Apakah data saya disimpan?
No. Semua proses terjadi di browser Anda. Data tidak pernah dikirim ke server.
Blog
Latest from Our Blog
CSS Gradient Generator: Create Stunning Gradients for Your Website
Jun 23, 2026
Diff Checker: How to Compare Text and Files Effectively
Jun 23, 2026
JSON Validation: How to Validate and Fix JSON Data
Jun 23, 2026
Regex Testing: How to Test and Debug Regular Expressions
Jun 23, 2026
SSL Certificate Checker: How to Verify SSL/TLS Certificates Online
Jun 23, 2026