UI Mockups

Homescreen

The homescreen shows icons for all pinned web apps.

Homescreen Search

The search bar shows results as you type. Apps are ordered by manifest URL frecency, pages are ordered by URL frecency, search suggestions are shown for the default search engine and there are also entries for any other installed Open Search providers.

New Browser Tab

The browser app is a catch-all app for pages which don't belong to a pinned web app. Browser tabs have browser chrome.

Browser Tab Loading

Browser tabs have a distinct light theme to differentiate them from app tabs.

Browser Tab Loaded

The URL bar has a combined go/stop/refresh button.

Browser Menu

The browser menu provides contextual functions like pinning the current page or current app.

Pin App

If a Web App Manifest is detected for the current page, the user will be informed that current page is part of a web app they can pin.

Browser Search

Typing into the URL bar of a browser tabs shows the same universal search results as homescreen search.

App Window

Pinned apps open in app window. The tabs bar and navigation chrome are collapsed by default.

App Tab

Hovering over the top edge of an app window will reveal the tabs bar.

App Tabs

App windows can have multiple tabs for any pages within the scope of the pinned app.

App Chrome

Web apps which specify the minimal-ui display mode in their manifest have back and forward buttons which can be revealed by hovering over the left and right edges of the window when available.

Homescreen with Open Apps

When the user returns to the homescreen open apps are represented by their app icons at the bottom of the screen.

Task Manager

The task manager shows the pages of each app pinned together with an app pin.