Overview

The Web App Manifest is a key component of a Progressive Web App. It tells the browser how the app should behave when 'installed' on a mobile device or desktop, including the name, icons, and start URL.

Key Properties

  • name / short_name: The name displayed to the user.
  • icons: An array of images for the home screen and splash screen.
  • start_url: The page that loads when the app is launched.
  • display: Defines the browser UI (e.g., standalone, fullscreen, minimal-ui).
  • theme_color / background_color: Sets the colors for the OS UI around the app.

Usage

The manifest is linked in the HTML <head> using <link rel="manifest" href="/manifest.json">.

Related Terms