demo · v148

Marketplace Listing

An aggregator-page mockup: every app card in a fictional "app garden" directory carries a declarative install element that points to a different origin's manifest. This is the explainer's marketplace use case — democratising distribution so a third-party site can host the install entry point.

Heads up Origin trial. The install buttons below are styled mocks because no UA currently parses <install> on stable. Each click logs what the UA would invoke (navigator.install({manifest_id, install_url}) from the Web Install draft).

app garden

Cloud Notebook

notebook.example

A markdown notebook that syncs across your devices. Pair with the desktop PWA for a write-anywhere workflow.

productivityeditorsync

Mailbox Pro

mailbox.example

Cross-account email triage. The web app handles unified inboxes and offline drafts.

emailoffline

Drafts Studio

drafts.example

A long-form essay editor with focus mode and revision history.

writingfocus

Pixel Vault

pixels.example

Image organiser. Tags, albums, and per-folder smart sorting — all client-side.

photosclient-side

// Click any "Install" button — the UA would dispatch what's logged here.

the code

// In markup the listing would carry the install element directly:
<install
  manifest="/manifest.webmanifest"
  origin="https://notebook.example">
  Install Cloud Notebook
</install>

// What the UA dispatches under the hood (Web Install draft):
await navigator.install("https://notebook.example",
  { manifest_id: "https://notebook.example/manifest.webmanifest" });

// As an aggregator you can curate dozens of these in one page —
// every listing becomes a one-click install entry point for an app
// from someone else's origin, mediated by the UA.

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗