Green Noise Generator
A calm, browser-based sound space for focus, rest, and getting through noisy days.
Technologies Used
HTMLCSSJavaScriptWeb Audio API
Green Noise Generator
A little sound tool for the times when the outside world is louder than it needs to be.
Features
- Focus and sleep modes with white, pink, brown, and green noise
- Rain, ocean, and binaural-beat options for different kinds of quiet
- Timers that make it easy to step away instead of leaving sound running forever
- Keyboard shortcuts, wake lock, and offline-friendly PWA support
- A visualizer that gives the page a little life without getting in the way
What is Green Noise?
It started as a green-noise generator, then grew into a more considered space for focus and sleep. Everything is generated in the browser with the Web Audio API, so there is no playlist to manage and no account to make.
Technologies
Built as a single-page web app with HTML, CSS, JavaScript, the Web Audio API, and Canvas.