Ambient soundscapes for focus β rain, thunder, train, cafe chatter, lofi, piano, white noise & more.
| Method | How |
|---|---|
| Browser (any device) | Visit aayushrajaji-09.github.io/zen-code-ambience β works instantly. Install as PWA on mobile/desktop. |
| Chrome Extension | Load extension/ folder in chrome://extensions (Developer Mode) or submit to Chrome Web Store. Side panel support included. |
| IDE Extension | Install aayush.zen-code-ambience-1.0.0 from the Antigravity marketplace. |
| Terminal (CLI) | Run ./zen-ambiator.ps1 (PowerShell) or ./zen-ambiator.zsh (zsh/mpv). |
- 14 Audio Channels: Organized into collapsible categories (Nature, Weather, Cozy, Music).
- β Skip Track: Each channel contains a library of 3-5 alternate tracks. Cycle through them instantly.
- π Master Volume: Proportional global volume scaling.
- π» Web Audio White Noise: Procedurally generated continuous white noise (no files, zero-latency).
- Smooth Fade Transitions: 300ms volume fade when toggling play/pause to prevent sudden audio pops.
- Vibrant Aesthetics: Glassmorphic dark-theme design with pulsing borders and equalizer visualizers.
Listening to music and ambient noise has been scientifically proven to boost focus, efficiency, and creative problem-solving:
- State Positive Affect & Efficiency: In a study by Dr. Teresa Lesiuk (University of Miami), software developers who listened to music completed tasks more quickly and produced higher-quality ideas compared to working in silence. The music acts as a mood regulator, elevating positive affect, which in turn enhances cognitive thinking and systematic problem-solving.
- Creative Abstract Thinking: Research published by Dr. Ravi Mehta (University of Illinois) shows that moderate ambient noise (~70 dB, similar to cafΓ© chatter or soft rain) triggers a slight cognitive challenge that fosters abstract processing, leading to higher creative output compared to absolute silence or loud environments.
By mixing natural sounds, rain, and instrumental music, you can design the optimal acoustic sweet-spot for your brain to trigger a flow state.
zen-code-ambience/webview.html β Antigravity extension (main product)
zen-ambiator.ps1 / .zsh β CLI players
docs/ β GitHub Pages site (PWA)
βββ index.html β same webview + PWA manifest
βββ manifest.json β PWA install manifest
βββ sw.js β service worker (offline cache)
βββ icons/ β app icons
extension/ β Chrome extension
βββ manifest.json β Manifest V3
βββ popup.html β popup / side panel
βββ icons/
- Go to repo Settings β Pages
- Source: Deploy from a branch
- Branch:
main, folder:/docs - Save. The site is live at
https://aayushrajaji-09.github.io/zen-code-ambience/within 2 minutes.
- Open
chrome://extensions - Enable Developer mode (top-right toggle)
- Click Load unpacked β select the
extension/folder - Pin the extension to the toolbar. Click to open, or right-click β "Open side panel" for persistent playback.
If you want to use the mixer directly from your terminal (outside the IDE), run:
./zen-ambiator.ps1- Fully interactive console HUD with high-tech ASCII art.
- Monospace progress bars displaying channel volumes.
- Toggle channels, skip tracks, and adjust master/channel volumes with simple commands:
[Num](e.g.1,2) β Toggle play/pause for a channel.s [Num](e.g.s 1) β Skip track.v [Num] [Val](e.g.v 1 80) β Set channel volume (0-100%).mv [Val](e.g.mv 70) β Set master gain volume.mβ Mute all.qβ Quit.
Aayush Rajaji
Founder & CBO @ AIGyde Β· Founder @ Greston Global Β· Co-Founder @ FounderTube
GitHub (@Aayush-Rajaji) Β· LinkedIn
MIT License.