PWA Code Generator

Progressive web apps deliver an app-like experience using standard websites and webapps. It allows them to be installed like an app, providing the following (and many more) benefits:

icon on a mobile home screen or PC desktop
access even when offline
access the camera, microphone and GPS
accept push notifications
do background operations

To make a website/webapp work as a PWA you just need a few things; a manifest file, icons and a service worker.

The tool below will help you generate everything you need to get started. Fill in the form, add your logo and it will generate the basic files that allow your website or webapp to be installed on any device and added to a store.

Site/App Name Used by app stores or browsers on startup screens and prompts.

Short Name Display the app name to the user within the icon.

Site Url Primary domain where assets will originate.

Start Url Page used when the progressive web app opens. Omitting this often causes the raw manifest file to appear.

Display The preferred display mode for the website.

Description (optional) Provides additional context about the app.

Orientation (optional) The preferred display mode for the website.

Theme Color Used by some browsers to tint the status bar, address bar, and other parts of the browser user interface.

Background Color Tells the browser what color to use on the startup splash screen that users will see when they launch your app.

Offline Url (optional) This is the url for when the app is offline. It is cached so needs to be a static page.

File name:

Choose file

Select an image that is square and at least 512x512 pixles. Ideally it will be a transparent png or have a white background. Allow enough padding to crop into a circle.