Noir is a modern, obsidian glassmorphic audio control center for Windows that gives you real-time patchbay cable routing between individual applications and physical audio endpoints.
Download Installer (.exe) • Download Portable (.exe) • Documentation
| Feature | Description |
|---|---|
| 🕸️ Spider Connection Patchbay | Dynamic glowing SVG cubic Bezier cables visually connect active applications to their assigned audio devices with animated audio particle flow. |
| ⚡ Interactive Cable Dragging | Drag connection cables directly from any app's port socket and plug them into output devices with live rubber-banding physics. |
| 🔀 Multi-Device Output Routing | Route audio from a single application simultaneously across multiple audio outputs with independent checkbox selection. |
| 🤖 Automation Engine | Trigger-based automation for process launches/exits (e.g. auto-switch to Gaming profile on Valorant start) and recurring time schedules. |
| 🦆 Smart Volume Ducking | Automatically lower background music/media volumes during voice calls (Discord, Zoom, Teams, Meet). |
| 🪟 Mini Overlay Mode | Compact, always-on-top frameless floating widget for lightning-fast volume control and profile switching during gaming or streaming. |
| 🎨 Theme Engine | 4 curated obsidian palettes: Midnight Velvet, Cyberpunk Neon, Emerald Matrix, and Solar Amber. |
| 🎚️ Low-Latency WASAPI Mixing | In-memory session volume control and instantaneous mute toggles powered by native-sound-mixer. |
| 📊 Dynamic VU & Waveform Visualizers | Real-time animated multi-band VU meters and live canvas waveform visualizers scaled to audio activity. |
| 🏷️ Hardware Disambiguation | Distinguishes identical device types by their hardware adapter (e.g. Headphones (Realtek) vs Headphones (USB DAC)). |
| 💾 Persistent Audio Profiles | Instant 1-click presets (Gaming, Music & Focus, Work / Meetings, Cinema) with custom profile snapshotting stored in %APPDATA%/Noir/profiles.json. |
| 🔔 System Tray Background Service | Runs in the background, enables 1-click profile switching from the Windows taskbar tray context menu, and auto-starts with Windows. |
| 🔮 Obsidian Glassmorphic UI | Frameless, responsive desktop interface with curated dark color palettes, CSS custom properties, and smooth 60fps spring transitions. |
+---------------------------------------------------------------------------------------+
| 🎵 Noir Patchbay [⚙] [_] [□] [✕] |
+---------------------------------------------------------------------------------------+
| |
| OUTPUT ENDPOINTS (3 active) AUDIO SOURCES (4 sessions) |
| |
| +--------------------------+ +-------------------------------+ |
| | 🎧 Headphones (Realtek) |●- - - - - - - - - - -●| 🎯 VALORANT | |
| | Default · 2 apps | \ | [🎧 Headphones] [ 🔊 90% ]| |
| +--------------------------+ \ +-------------------------------+ |
| \ |
| +--------------------------+ \- - - - - - - -●| 💬 Discord | |
| | 🎧 Headset (AKKORD-USB) | | [🎧 Headphones] [ 🔊 100%]| |
| | USB · 1 app |● +-------------------------------+ |
| +--------------------------+ \ |
| \- - - - - - - - - -●| 🟢 Spotify | |
| +--------------------------+ | [🎧 Headset USB] [ 🔊 45% ]| |
| | 🔊 Speakers (Realtek) |● +-------------------------------+ |
| | Speakers · 1 app | \ | 🌐 Chrome / YouTube | |
| +--------------------------+ \- - - - - - - - - -●| [🔊 Speakers] [ 🔊 50% ]| |
| +-------------------------------+ |
| |
+---------------------------------------------------------------------------------------+
| PROFILES: [ 🎮 Gaming (Active) ] [ 🎵 Music & Focus ] [ 💼 Work ] [ ➕ New ] |
+---------------------------------------------------------------------------------------+
graph TD
subgraph Frontend ["🎨 Renderer Process (Obsidian Glassmorphism)"]
UI_Spider["🕸️ Spider Patchbay Canvas (SVG Bezier Engine)"]
UI_Apps["🎵 Audio Source Nodes (Sliders & VU Meters)"]
UI_Devs["🔊 Output Device Nodes (Status & Sockets)"]
UI_Profiles["🎛️ Presets Bar & Creation Modal"]
end
subgraph IPC_Bridge ["🔒 Secure IPC Bridge (preload.js)"]
Bridge["contextBridge API / Event Emitters"]
end
subgraph Backend ["⚡ Main Process (Electron & Node.js)"]
AudioMgr["AudioManager (audioManager.js)"]
ProfileMgr["ProfileManager (profiles.json)"]
TrayMgr["TrayManager (Windows Taskbar Tray)"]
WindowMgr["WindowStateManager (Multi-monitor Bounds)"]
DevMonitor["DeviceMonitor (1.5s Change Polling)"]
end
subgraph OS ["🖥️ Windows Subsystem"]
WASAPI["WASAPI Core Audio API (native-sound-mixer)"]
PolicyConfig["IPolicyConfig API (SoundVolumeView)"]
Registry["Windows Login Items (Autostart)"]
end
UI_Spider <--> Bridge
UI_Apps <--> Bridge
UI_Devs <--> Bridge
UI_Profiles <--> Bridge
Bridge <--> AudioMgr
Bridge <--> ProfileMgr
Bridge <--> TrayMgr
Bridge <--> WindowMgr
DevMonitor --> Bridge
AudioMgr --> WASAPI
AudioMgr --> PolicyConfig
TrayMgr --> Registry
| Preset | Target Device Mappings | Volume Defaults |
|---|---|---|
| 🎮 Gaming | • Games (Valorant, CS2, Steam, CoD) ➔ Headphones• Voice Chat ( Discord, TeamSpeak) ➔ Headphones• Media & Browsers ( Spotify, Chrome) ➔ Speakers |
Game: 90%Discord: 100%Music: 45% |
| 🎵 Music & Focus | • Music Apps (Spotify, Tidal, Apple Music) ➔ Headphones• Communications ( Discord, Slack, Teams) ➔ Muted |
Music: 100%Chat: 10% (Muted) |
| 💼 Work / Meetings | • Conference Apps (Zoom, Teams, Meet, Discord) ➔ Headset• Background Music ➔ Speakers (Low) • Game processes ➔ Muted |
Meetings: 95%Media: 25%Games: 0% (Muted) |
| 🎬 Cinema / Media | • Video Players (VLC, Netflix, Prime, YouTube) ➔ Speakers / HDMI Soundbar• Background Voice Apps ➔ Headphones (Low) |
Media: 100%Chat: 30% |
Download and run Noir Setup 1.1.0.exe. It will install Noir with desktop shortcuts, Start Menu integration, and a clean uninstaller.
Download Noir 1.1.0.exe to run Noir standalone with zero installation.
- Windows: 10 (1903+) or 11 (x64)
- Node.js: v18.0.0 or higher
- npm: v9.0.0 or higher
# 1. Clone the repository
git clone https://github.com/RajX-dev/Noir.git
cd Noir
# 2. Install dependencies
npm install
# 3. Start development server
npm run dev
# 4. Run ESLint code verification
npm run lint
# 5. Build production executable & installer
npm run build # Generates unpacked directory in dist/win-unpacked
npm run package # Generates NSIS installer & portable .exe in dist/- Tab / Shift+Tab: Navigate between interactive app cards, sliders, and profile pills.
- Arrow Left / Right: Fine-tune volume levels in 5% increments.
- Space / Enter: Activate mute toggles, open device menus, or switch profiles.
- Esc: Dismiss active dropdowns or modals.
- Click Tray Icon: Toggle hide/show and focus Noir instantly.
- Right-Click Tray Icon: Open quick-switcher menu for background audio presets.
Noir/
├── assets/
│ ├── icon.png # Official Noir 512x512 app logo
│ └── tools/
│ └── SoundVolumeView.exe # NirSoft endpoint routing bridge
├── docs/ # Comprehensive Architecture Documentation
│ ├── architecture.md # Data flow & IPC contracts
│ ├── phases.md # 7-phase development roadmap
│ ├── product-requirements.md # PRD & specs
│ ├── tech-stack.md # Technology choices & rationale
│ └── visuals.md # CSS tokens & design guidelines
├── src/
│ ├── audio/ # Audio Engine
│ │ ├── audioManager.js # Device & session coordinator & multi-output
│ │ ├── deviceMonitor.js # Real-time event polling
│ │ └── nativeBridge.js # Native C++ WASAPI wrapper
│ ├── automation/ # Phase 7: Automation Engine
│ │ ├── automationEngine.js # Rules coordinator & persistence
│ │ ├── processWatcher.js # Active process monitor
│ │ ├── scheduler.js # Time/day schedule triggers
│ │ └── volumeDucker.js # Dynamic speech/call volume ducker
│ ├── profiles/ # Presets & Profile Engine
│ │ └── profileManager.js # JSON serialization in %APPDATA%/Noir/
│ ├── renderer/ # Frontend UI
│ │ ├── index.html # Main window markup & Spider canvas
│ │ ├── mini.html # Always-on-top Mini Player window
│ │ ├── js/
│ │ │ ├── app.js # Main UI controller & cable drawing
│ │ │ ├── activityLog.js# Live action & automation history
│ │ │ ├── automationUI.js # Automation rules builder modal
│ │ │ ├── mini.js # Mini overlay controller
│ │ │ ├── notifications.js # Toast notifications
│ │ │ ├── themeManager.js # 4 obsidian color themes
│ │ │ ├── visualizer.js # VU level meter physics
│ │ │ └── waveformVisualizer.js # Real-time canvas waveform
│ │ └── styles/
│ │ ├── main.css # Design tokens & glassmorphism
│ │ ├── components.css # Spider board, sockets & modals
│ │ └── mini.css # Mini player styles
│ ├── tray/ # System Tray
│ │ └── trayManager.js # Tray icon & live radio profile menu
│ ├── utils/
│ │ └── windowState.js # Multi-monitor bounds persistence
│ ├── main.js # Electron main process & IPC handlers
│ └── preload.js # Secure contextBridge IPC
├── LICENSE # MIT License
├── package.json
└── README.md
Distributed under the MIT License. See LICENSE for more information.
Developed with 💜 by RajX-dev.