I vibe-coded a NTS Radio Player that lives in your macOS menu bar
I listen to NTS daily and love the physical player they made with Atonemo. Its Teenage Engineering–inspired look gave me an excuse to try skeuomorphic design. Physical device for reference.
I also wanted a native alternative to listening to this radio in a browser which can be a burden. So I built NTS Dial, a discreet player hiding in your macOS menu bar app.
Features:
- NTS Radio 1, Radio 2, and all 16 Infinite Mixtapes playback
- Keyboard media keys and macOS Now Playing support
- Current station streaming displayed in the menu bar
- Remembers your last played station
Process:
The project took four days: one for the design, one for the initial build, and two for debugging, QA, and publishing.
I built it entirely with Codex:
- 5.6 Sol High for planning, features development, debugging and code review
- 5.6 Terra Medium for UI iterations
- 5.6 Luna Medium for small visual adjustments
I first tried recreating the hardware in Figma using its MCP, but the result wasn’t convincing, so I designed it from scratch. I then used Codex to gather the streams, assets, implement the player and dial logic, reproduce the Figma UI component by component with dev mode on, audit the code, and prepare the GitHub release.
Pretty happy with the result for a four-day experiment. Let me know what you think!
GitHub: NTS Dial repo
AI helped me edit and translate this post.