Online Tool Store
Focus Mode Page
A distraction-free fullscreen timer for one task, with generated brown, pink or white noise, a screen wake lock and a chime. Runs in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
25:00
ready
Naming it is the point — one task, not a list.
Generated in the page. Nothing is streamed or downloaded.
About the sound. This generates noise with the Web Audio API rather than playing music, so there is no licensing question and nothing to download — but it is genuinely noise, not a lo-fi playlist with drums and a melody. If you want music, play it from wherever you normally do and leave this on silence. Browsers will not let any page start audio before you interact with it, so the sound begins when you press Start.
How to use it
- Name the one thing you are doing. One, not a list.
- Pick a length and a background sound.
- Press Start, then go fullscreen if you want the rest of the screen gone.
- The chime tells you when to stop.
A timer that counts will lie to you
The obvious way to build a countdown is to start at 25:00 and take a second off every second. It is wrong in a way that compounds quietly:
30 ticks of setInterval(100)
the counter says 3000 ms
the clock says 3049 ms
drift 49 ms in 3 seconds
→ about 24 seconds across a 25-minute session
A browser never fires a timer early and often fires it late, so the error only ever accumulates in one direction. And that measurement is the good case: browsers deliberately throttle timers in background tabs, often to once per second or less, so a counting timer in a tab you have switched away from can lose minutes.
This records the instant the session should finish and derives the display from it. Switch tabs for ten minutes, come back, and the clock is simply correct — there is nothing to catch up, because nothing was being counted.
The sound is generated, and that is a deliberate trade
"Focus mode with lo-fi" normally means streaming somebody's music, which brings licensing, an external service and a download. None of those belong in a tool that runs entirely in your browser, so the ambience here is synthesised instead — four seconds of noise generated once and looped:
white flat spectrum harsh, like static
pink −3 dB per octave balanced
brown −6 dB per octave low and soft, like distant water
Brown noise is the default recommendation because the falling slope removes the top-end hiss that makes white noise tiring after ten minutes. It is produced by integrating white noise — each sample nudged from the last — while pink uses a small cascade of filters to approximate the gentler slope. Neither is music, and the page says so rather than dressing noise up as a playlist.
Fullscreen, and keeping the screen on
Fullscreen is a genuine focus feature rather than decoration: it removes the tab bar, the bookmarks and every other window, which is most of what pulls attention away. On top of that, a session requests a screen wake lock so the display does not dim halfway through — useful when the task is reading or thinking rather than typing. Both are progressive: where the browser refuses, the tool tells you instead of silently doing nothing.
One task, on purpose
There is one text field and no list. That is the whole design: a focus timer whose first action is planning is a planning tool, and planning is the most comfortable way to avoid starting. Name the thing, start the clock, and let the chime decide when you are allowed to think about anything else.
FAQ
Is the background sound actual lo-fi music?
No, and it does not pretend to be. It is noise generated in the page with the Web Audio API — brown, pink or white. That means no licensing, no streaming and no download, but it also means no drums and no melody. If you want music, play it from wherever you normally do and leave this on silence.
What is the difference between brown, pink and white noise?
How the energy is spread across frequencies. White noise is flat, which puts as much power in the harsh top end as anywhere else and is why it sounds like static. Pink falls away at about 3 dB per octave and sounds balanced. Brown falls at about 6 dB per octave, so it is dominated by low frequencies and reads as a distant waterfall — which is why most people find it the least tiring.
Why does the timer not drift when I switch tabs?
Because it never counts. The session records the wall-clock instant it should end and works out what is left by subtracting now from that. A timer that decrements a counter drifts — measured at 49 ms over three seconds here, which is about 24 seconds across a 25-minute session — and browsers throttle background timers deliberately, so the error is much larger in an inactive tab.
Why does the sound only start when I press Start?
Browsers block audio until the user interacts with the page, which is a deliberate protection against pages that make noise on load. There is no way around it and no reason to want one — the audio context is created by the Start button for exactly that reason.
Will my screen still go to sleep?
Not if your browser supports the screen wake lock, which is requested when a session begins and released when it ends or pauses. Where it is unavailable or refused, the tool says so rather than letting you find out halfway through a session.
Are my sessions saved?
No. The counter resets when you reload and nothing is stored or sent anywhere. This is a timer for the next block of work, not a productivity tracker.
How we compare
| Feature | Online Tool Store | Lo-fi focus sites | Focus apps |
|---|---|---|---|
| Timer cannot drift or lose background time | ✓ | Often counts down | ✓ |
| No streaming, no account, no ads | ✓ | ✗ | ✗ |
| Works offline, once loaded | ✓ | ✗ | ✓ |
| Keeps the screen awake | ✓ | Rarely | ✓ |
| Nothing recorded about how you work | ✓ | ✗ | ✗ |
| Actual music | ✗ | ✓ | Sometimes |
| History, streaks and site blocking | ✗ | ✗ | ✓ |
Open a tab, name the task, start the clock — no account, no tracking, and a timer that is still right when you come back to it. It has no music and keeps no history, so if you want a playlist or a streak counter, this is not trying to replace either.