Skip to content
{}JSONKits

manifest.json Generator - PWA Manifest Generator

Generate a complete PWA Web App Manifest (manifest.json) with icons, theme colors, and display settings.

Input

json
loading editor…

Paste your app details here...
or drop a file anywhere in this pane

Output

json

Generated manifest.json will appear here...
press ⌘↵ to generate manifest

What Is manifest.json Generator?

The Web App Manifest (manifest.json) is a JSON file that controls how your Progressive Web App (PWA) appears to users when installed on their devices. It defines the app name, icons, theme colors, display mode, and startup URL. This generator creates a complete, standards-compliant manifest.json with all required and recommended fields.

This is used for:

  • PWA Development: Generate a complete manifest.json for your progressive web application to enable installability.
  • Brand Consistency: Define theme colors, background colors, and app icons to match your brand identity across devices.
  • App Store Optimization: Configure display modes, orientation, and splash screen settings for the best user experience.

How to Use manifest.json Generator Online

  1. Enter your app details: Provide your app name, short name, description, and other configuration fields in the input.
  2. Click Generate Manifest: Press the Generate Manifest button to create your manifest.json file.
  3. Copy and deploy: Copy the generated manifest.json and link it in your HTML with <link rel="manifest" href="/manifest.json">.

Frequently Asked Questions

What fields are included in the generated manifest?

The manifest includes name, short_name, description, start_url, display, theme_color, background_color, icons, orientation, and scope. All fields follow the W3C Web App Manifest specification.

Do I need icons for the manifest to work?

Icons are recommended for a complete PWA experience. The generator includes icon configuration fields so you can specify different sizes (192x192, 512x512) for various device requirements.

Is this tool safe?

Yes. All processing happens 100% client-side in your browser. Nothing is uploaded to any server.

Is this tool free?

Yes, completely free with no usage limits or registration required.

Real-World Examples

PWA developers use the manifest.json Generator to quickly create the configuration file needed to make their web apps installable on mobile and desktop devices. E-commerce sites, news publishers, and SaaS platforms use it to ensure their PWAs display correctly when added to the home screen, with proper icons, splash screens, and theme colors that match their brand.

Related Tools