Introducing Sound Generator: Build Your Own Ambient Mix in the Browser

What's new

Sound Generator is the newest addition to ZonoTools. It turns the browser into a full-featured ambient mixer: pick any combination of white, pink, and brown noise, rain, ocean, forest, fire, thunder, wind, bells, and more, then blend them with per-layer volume and behavior controls. Everything runs locally via the Web Audio API — there is no upload, no sign-up, no download, and no server round-trip.

The mixer is available as a single hub page plus ten dedicated generators. Each dedicated page opens the same mixer UI but pre-loads the layers and curated presets relevant to that use case, so you get to a finished mix faster.

Ten dedicated generators under one hub

Every sound tool on ZonoTools is powered by the same engine, but each one is tuned for a specific task. The parent hub is the open-ended mixer, while the ten children are opinionated starting points built around a use case or sound color.

The White Noise Generator produces pure, evenly spread noise that masks keyboards and speech. Brown and Pink Noise Generator covers the warmer, low-end side of the spectrum that most people prefer for sleep or long focus. Nature Sounds Generator is the fullest catalog, layering rain, ocean, forest, fire, thunder, wind, crickets, and distant animal calls into customizable scenes.

Focus, Sleep, Meditation, Study, Work, Relax, and Calm Sounds generators each load a curated set of presets so you can go from blank tab to finished mix in a single click. Focus and Work lean on rain, pink noise, and coffee-shop ambience. Sleep and Calm lean on brown noise and slow ocean. Meditation leans on bells, flute, and wind chimes. Study and Relax sit between the two extremes.

Layers and behavior controls

The core idea behind Sound Generator is that a good ambient scene is layered, not a single loop. Each layer in the mixer has its own volume slider and a behavior mode that controls how the underlying sample plays.

Loop mode is the default: the sample plays continuously, like rain or a noise bed. Interval mode fires the sample at a fixed cadence, which is perfect for a bell every eight seconds. Random mode fires inside a min/max delay window, which is ideal for distant thunder, owl calls, or seagulls that should feel unpredictable. Because every layer is independent, a single mix can pair a continuous rain bed with a thunder roll every thirty to ninety seconds and a cricket pattern every six to twelve seconds — all running in parallel.

The engine mixes everything through a single master gain node, so the Master Bar at the top controls the whole scene while each layer keeps its own relative balance.

Presets, sleep timer, and shareable mixes

Every page ships with twelve curated Quick Presets — Rainy Night Sleep, Deep Focus Rain, Cafe Work, Ocean Waves, Thunderstorm, Forest Morning, Meditation Temple, Cozy Fireplace, Night Crickets, Brown Deep Sleep, White Noise Focus, and more. On the dedicated generator pages, the presets most relevant to that page are reordered to the front so the best starting points are one tap away.

The Master Bar has three icon buttons: Timer, Save Mix, and Share. Timer offers fifteen, thirty, and sixty minute fade-outs, which is useful both for sleep and for turning the mixer into a Pomodoro-style focus block. Save Mix stores any combination in local storage so your favorite scenes load in one click the next time. Share copies a URL that encodes the entire mix — layers, volumes, behavior timings — so you can paste it into chat or a document and the recipient opens the same scene without any setup.

A global mini-player docks at the bottom of the screen whenever a mix is playing, so you can keep the audio running while you navigate the rest of ZonoTools.

Built for privacy and focus

Because Sound Generator runs entirely client-side, none of the audio, none of the mix state, and none of the listening behavior leaves the device. Samples are static files served over your CDN cache, the noise colors are synthesised on the fly, and the timer runs in the same tab. Closing the tab or hitting the close button on the mini-player immediately stops playback and frees the audio context.

The engine was also built to be resilient for long sessions. State is cached through useSyncExternalStore with stable snapshots, the audio context is only created on a real user gesture, and every layer is serializable, so long ambient work blocks and overnight sleep sessions both behave predictably.

Get started

The fastest way in is the main mixer at the Sound Generator page, linked in the sidebar on the right. From there you can pick a preset, open the sound library, and start adding layers. If you already know what you want, jump straight to one of the dedicated generators — White Noise, Brown and Pink Noise, Nature, Focus, Sleep, Meditation, Study, Work, Relax, or Calm — from the sidebar flyout.

Everything is free, browser-based, and stays that way.