➡️ Open the demo ⬅️

This is a demo app for a landing page (titled Edge demos ) that lets you install PWAs from a collection of applications.

This demo app showcases the Web Install API. This demo app also demonstrates CSS Masonry layout.

The /pwa-pwastore/ directory is an earlier copy of /pwa-installer/. The Web Install API Dev Trial docs point to this earlier, /pwa-pwastore/ directory, not to the later, /pwa-installer/ directory.

This demo application showcases the Web Install API, and also CSS Masonry layout.

• For the demo to work correctly, you must enable a flag for the Web Install API. That flag is available in browsers based on Chromium, such as Microsoft Edge, starting with version 139.

• As a progressive enhancement, you can also enable the CSS Masonry flag.

To enable the Web Install API (required):

1. In the browser, open a new tab and go to about:flags.

   In Microsoft Edge, you end up at edge://flags.

2. In the Search box, enter web-app-installation-api.

3. Set the Web App Installation API flag to Enabled.

4. Click the Restart button in the lower right. The browser restarts.

To enable the CSS Masonry layout flag (a progressive enhancement):

1. In the browser, open a new tab and go to about:flags.

   In Microsoft Edge, you end up at edge://flags.

2. In the Search box, enter css-masonry-layout.

3. Set the CSS Masonry Layout flag to Enabled.

4. Click the Restart button in the lower right. The browser restarts.

Sample description:

• PWA installer in Progressive Web App samples.

Blog post:

• Microsoft Edge: Web Install API Dev Trial Live

Explainer:

• Web Install API

Other live samples:

• Web Install Sample - requires the web-app-installation-api flag.