Best Free Online Developer Tools to Use in 2026
A practical, opinionated list of the best free online developer tools worth using in 2026, organized by category so you can find what you need fast.
Aug 08, 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.
Is my data stored?
No. Everything runs entirely in your browser. Your data is never sent to any server.
Blog
Latest from Our Blog
How to Choose a Hash Algorithm for Data Security
A practical decision guide to choosing the right hash algorithm: MD5, SHA-1, SHA-2, SHA-3, bcrypt, argon2, PBKDF2, and SRI, with comparisons and clear recommendations.
Aug 08, 2026
CSS vs Tailwind CSS: Which One Should You Use?
A thorough, practical comparison of hand-written CSS and Tailwind CSS: learning curve, maintainability, performance, team workflows, and when each approach wins.
Aug 08, 2026
How to Optimize Core Web Vitals for Your Website
Learn practical, step-by-step techniques to improve LCP, INP, and CLS on your website. A developer-focused guide with real measurements and fixes.
Aug 08, 2026
How to Use Base64 Encoding in Real Projects
Learn practical, production-ready ways to use Base64 encoding: data URLs for images, JWT payloads, API tokens, and email attachments, with real code examples.
Aug 08, 2026
AES Encryption Explained: How It Works and Why It Matters
Learn how AES encryption works, the differences between AES-128, AES-192, and AES-256, and how to encrypt and decrypt data online.
Jun 23, 2026