Skip to main content
X

Send us a Topic or Tip

Have a suggestion for the blog? Perhaps a topic you'd like us to write about? If so, we'd love to hear from you! Fancy yourself a writer and have a tech tip, handy computer trick, or "how to" to share? Let us know what you'd like to contribute!

Thanks for reaching out!

Turn Websites Into Mac Apps with macOS Sonoma’s ‘Add to Dock’ Feature in Safari

With macOS Sonoma you can turn any web application into an app in your Mac’s Dock thanks to the new “Add to Dock” feature in Safari.

A web-based app is an application that treats a website as the interface. You can access the app from any computer connected to the Internet instead of using an application installed on your Mac.

Since web apps function via a web browser such as Safari, they’re usually accessible from a variety of devices. While native apps require certain operating systems (macOS, Windows, etc.) and software, web applications work for anyone who can access the browsers that support them.

Let’s look at how to use the “Add To Dock” feature.

° Launch Safari on your Mac, and head to the website that offers a web app.

° Click the File button in the Menu bar.

° Hit the Add to Dock button.

Add to Dock
Add to Dock

At this point, you’ll be presented with a box allowing you to name the web app, edit the page it targets and change the icon that appears in the dock.

° Rename the web app (if you wish).

Often, Safari pulls a websites favicon as the icon that will live in your dock. Oftentimes, this is a very low resolution image that looks bad compared to the other icons in your dock.

° To use your own icon for the app, run a Google image search for the app’s icon. Copy the image or icon you want to use, and then click the icon preview in the Add to Dock window. Then press Command+V. Voila. Icon changed.

Rename app
Rename app

° Tap on Add when you’re done.

° The web app will now appear on your Dock.

When you launch the app, you’ll notice that you’ll want to see such user interface elements that usually appear when browsing a website in Safari, such as the URL bar, sidebar, new tab button, and other icons.

The app will have a simplified toolbar with navigation buttons though and the window frame will adapt to the color of the website or theme-color of the website if specified.

Note: Though the web app functions mostly like a normal app on your desktop, you will not find it in your Applications folder in Finder. However, you can launch it from Launchpad.

If you ever want to get rid of the app, simply right click the app’s icon in the dock, hover over Options, then click Remove from Dock.

Dennis Sellers
the authorDennis Sellers
Contributing Author
Dennis has over 40 years of journalism experience and has written hundreds of articles. For the past 20-plus years, he's been an online journalist, covering mainly Apple Inc. He's written for MacCentral, MacWorld, MacMinute, Macsimum News, Apple Daily Report, and is now contributing editor at Apple World Today.
Be Sociable, Share This Post!

Leave a Reply

1 Comment

  • It is located in the users Application folder (vs main Macintosh HD/Applications Folder). Also, Removing the icon from the dock does not delete the app from the Macintosh HD/Users/USER/Applications folder.