How to Configure Safari Web Apps on Dock and Notifications in macOS

Many modern cloud productivity suites, project boards, and internal communication dashboards—such as Linear, Notion, GitHub Projects, and Figma—operate primarily through web browsers. Keeping these persistent web services buried inside regular browser windows leads to accidental tab closures, distracting navigation bars, and clutter. In macOS Sonoma and later, Apple added Add to Dock in Safari. This capability converts any webpage into a dedicated, standalone Progressive Web App (PWA) with its own Dock icon, isolated cookie container, and native macOS notification support.

Prerequisites and macOS Compatibility

Creating standalone Web Apps via Safari requires:

• Operating System: macOS Sonoma (14.0) or macOS Sequoia (15.0) and later.
• Browser: Apple Safari version 17 or newer.
• Website Architecture: Works on standard web applications as well as Progressive Web Apps (PWA) supporting Web App Manifests.

Converting a Website into a Standalone Web App

To install a web app on your Mac desktop:

1. Launch Safari and navigate to the target web platform (e.g., your project dashboard or email client).
2. In the menu bar at the top of your screen, click File and select Add to Dock.
3. A configuration popover appears:
   • Name: Edit the application name that will appear under the Dock icon and in Application Switcher (Cmd + Tab).
   • Icon: Safari automatically extracts the website’s high-resolution favicon or touch icon. Click on the icon preview if you wish to upload a custom image.
   • URL: Confirm the start destination URL.
4. Click Add. Safari compiles the web container and immediately places a polished application icon on your macOS Dock.

Standalone Window Behavior and Cookie Isolation

When you click the newly created Dock icon, the application launches with distinct system advantages:

• Minimalist Chrome: The standard Safari search field, tab bar, bookmarks sidebar, and extensions are hidden, giving your web app a clean native desktop application aesthetic.
• Separate Storage Sandbox: Web Apps use an isolated cookie and local storage container. You can sign into your work profile in the Dock Web App while keeping personal logins active in standard Safari windows, eliminating session interference.
• System Integration: The Web App appears as an independent application in Stage Manager, Mission Control, Spotlight search, and the Cmd + Tab app switcher.

Configuring Web Push Notifications and Permissions

To receive real-time message alerts and badge counters from your standalone web app:

1. Launch the web app from your Dock.
2. When prompted by the website to allow notifications, click Allow.
3. Open macOS System Settings > Notifications.
4. Scroll down to find your web app listed under its standalone application name.
5. Configure banner styles, lock screen alerts, and enable Badge app icon to render red numerical unread counts directly over the Dock icon.

Managing and Uninstalling Safari Web Apps

Web Apps reside locally inside your user account’s Applications directory (~/Applications/):

• To configure app settings, open the web app and press Cmd + , (Comma) to adjust cookie clearing, privacy settings, and audio permissions.
• To uninstall, drag the app icon from your Dock or ~/Applications/ folder to the Trash. macOS purges the container and associated sandbox caches instantly.