arrow_back back to timer

focus timer

A quick guide to everything it does.

Setting your time

Press any number key on your keyboard and the clock updates in place. Type 2 5 and it shows 25:00. No input box to click into - just type. Press Backspace to remove the last digit.

If sounds are playing, just start typing. The timer captures digits automatically.

The controls

The progress bar

The pill below the clock drains as your session runs. Full at the start, empty when you're done.

Ambient sounds

Six sounds live below the controls: rain, fire, cafe, waves, wind, and birds. Each has a slider.

Your mix is saved automatically and restored when you come back.

The heatmap

Turn it on in the drawer under Settings. It shows the last 30 days as a grid; each square is one day. Darker means more time focused. Today gets an outline. Hover or tap a square to see the exact amount.

The drawer

Tap the menu icon in the top-right (or press D) to open the side panel. From here you can change the theme, adjust settings, manually add focus time, export your history as a CSV, or clear everything.

Keyboard shortcuts

S start the timer P pause R reset to set time B trigger confetti D open the drawer remove last digit from clock 0–9 type a duration directly on the clock Esc close the drawer

Your data

Everything stays on your device. Nothing is sent anywhere. If you clear your browser storage, your history goes with it; export a CSV first if you want to keep it.

The timer also survives a page refresh. If you close the tab mid-session and come back, the clock picks up from where it should be based on real time.

Adding time manually

Forgot to start the timer? Open the drawer, go to Add Focus Time, type the number of minutes, and tap Add. It gets logged to today.

Celebrate

Finished something you're proud of? Open the drawer and tap Celebrate. Or press B from anywhere.