Show DEV: I built a free macOS app to control Spotify Web player directly from the Notch

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท Daniel Gidrewicz ยท 2026-07-22 ๊ฐœ๋ฐœ(SW)
Cover image for Show DEV: I built a free macOS app to control Spotify Web player directly from the Notch

Daniel Gidrewicz

Hey DEV community! ๐Ÿ‘‹

Like many of you, I listen to music while coding all day. However, I got tired of constantly switching browser tabs just to skip a track or see what song is currently playing on the Spotify Web Player.

So, I decided to build a lightweight tool for macOS called NotchTune.

What is NotchTune?

NotchTune is a minimal, native macOS app that transforms your screen notch (or top menu bar area) into a dynamic control widget for Spotify Web.

It stays hidden until you need it and provides a clean, native UI inspired by macOS design principles.

โœจ Key Features

  • Notch Integration: Fits seamlessly around the MacBook notch.
  • Real-time Track Info: Displays current song title, artist name, and album artwork.
  • Playback Controls: Play, pause, skip, and progress bar tracking without leaving your workspace.
  • Lightweight & Native: Built purely with SwiftUI and tailored for low resource consumption.

Tech Stack

  • Language: Swift
  • UI Framework: SwiftUI
  • Platform: macOS

Looking for Feedback & Contributors!

This is the initial 1.0 release, and I’m actively looking for feedback from the developer community.

Iโ€™d love to hear your thoughts! If you want to test it out, report a bug, or even contribute to the codebase (feature requests, UI tweaks, etc.), check out the repository below:

GitHub Repository: blessedlab/NotchTune

If you like the project, a โญ on GitHub would mean the world to me!

Thanks for reading.

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ถ”์ถœ ๋ณธ๋ฌธ ยท ์ถœ์ฒ˜: dev.to ยท https://dev.to/mahoxdd/show-dev-i-built-a-free-macos-app-to-control-spotify-directly-from-the-notch-20ck

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค