When you are writing or working in a spreadsheet, checking a timer can mean switching back to another browser tab. Once you open another app, the timer may disappear behind it.

Picture-in-Picture (PiP) lets supported browsers show a Pomodoro timer in a floating window above your work. The ordinary timer still works when PiP is unavailable.

Browser Kitty's Pomodoro Timer starts with a 25-minute focus session and five-minute break. Supported browsers can show a floating timer, and the app also offers overtime, distraction counts and local history. This guide explains how the different PiP modes affect what you can do.

Open Pomodoro Timer

1. Start a 25-minute focus session

Open Pomodoro Timer and enter one task in the field asking what you want to finish this session. For example, you might write 'Fix the tables in my report.' Select Start to begin the focus timer.

The default cycle is 25 minutes of focus, a five-minute short break, and a 15-minute long break. A short break normally follows each completed focus round, with a long break after the fourth. You can change these durations later.

The timer calculates remaining time from timestamps instead of simply subtracting one second per tick. That helps avoid accumulating timing drift when a background tab is throttled.

Default Pomodoro intervals
PhaseDurationWhen it occurs
Focus25 minutesBegin a work session
Short break5 minutesAfter ordinary focus rounds
Long break15 minutesAfter the fourth focus round

2. Open the timer in Picture-in-Picture

Start the timer on your computer and select PiP. In a supported browser, a small timer window opens above your other work, such as a document or spreadsheet.

When Document Picture-in-Picture is available, the mini window includes your current task and controls. You can pause or resume, add five minutes, or finish the session directly in the floating panel.

The browser and operating system decide whether and how PiP windows appear. The app cannot force a floating window in every environment. It uses another mode or stays in the main page when necessary.

3. Understand why PiP controls may be missing

Pomodoro Timer chooses a PiP mode based on the browser features it detects. If Document PiP is unavailable, it attempts Video PiP using a timer picture rendered through Canvas.

Video PiP displays the timer but does not include the app's pause or finish controls. Return to the main timer page to operate it. If Video PiP is unavailable as well, the normal timer continues without a floating window.

Interactive Document PiP is primarily available in supported desktop browsers. Mobile support and video PiP behavior vary by browser and OS, so missing controls in the mini window do not necessarily indicate a timer failure.

PiP modes and available controls
ModeFloating displayWhere you operate
Document PiPTimer and buttonsControls in the mini window
Video PiPDisplay-only timerMain page
No PiPNo floating windowMain page

4. Change focus and break durations

Open Settings to change the focus, short-break and long-break lengths. Choose Save to confirm the values. You can set shorter or longer intervals than the default 25-minute focus period.

Save up to three duration combinations with Save these durations as a set. Selecting Apply on a saved set fills the duration fields; you still need to choose Save to commit the setting.

An active, paused or Flow timer keeps its remaining time when you save settings. The new durations apply to untouched timers, later phases or a reset.

5. Continue working after the planned interval

Enable Flow overtime if you do not want the timer to force a break at 00:00. The clock begins counting upward, showing overtime such as +03:42 while you continue working.

If you know you want another five minutes, use +5 min. Adding time during Flow preserves the overtime already counted.

When you are ready to stop, choose Finish & next. With Flow enabled, you decide when the focus session ends.

6. Record distractions without a detailed task log

Select Distracted when your attention wanders. The current session's count increases by one, and you can undo an accidental tap from the message that appears.

The counter records interruptions, not a detailed diary of what caused each one. You can review the count alongside today's focus time and completed sessions.

7. Check notifications and PiP availability

Desktop notifications require browser permission. Notification and PiP availability depend on the browser, OS and page context. The timer itself can still display time even when desktop notifications are unavailable.

Document PiP has secure-context and compatibility requirements. Opening the standalone HTML through file:// can restrict it. Try the web version first if you want PiP, and use the normal timer if a floating window is not offered.

If you close the floating window, the timer remains available on the main page. If PiP will not open, try Start and Pause there to check whether the limitation is confined to floating display.

8. Review and export your focus history

The dashboard shows today's focus time, completed sessions and distraction count. The latest 300 sessions can be browsed, filtered to Today or All, and searched by task text.

Export CSV downloads the history matching the current filters. Timestamps use UTC and durations retain fractional minutes, so take the time zone into account when opening the file in a spreadsheet.

Export JSON is a backup of local app data, including settings, timer state and history. Unlike filtered CSV, it is intended to preserve the overall local session data before changing browsers or clearing storage.

9. Where are settings and session data stored?

The current task, timer state, settings and history are stored in localStorage in your browser. There is no automatic synchronization between devices or browser profiles. Clearing site data can remove history that was not backed up as JSON.

Pomodoro Timer does not send timer data to external APIs or load external runtime libraries. Its Content Security Policy specifies connect-src 'none'. Opening the website still requires an initial HTML download.

The ordinary timer can run from the saved standalone HTML, but PiP and notifications may be restricted in some browser contexts. Test the combination of browser and device you intend to use.

Try it in Browser Kitty

Pomodoro Timer

A local-first Pomodoro timer with Picture-in-Picture, focus/break cycles, session history, and distraction tracking.

Open toolView tool details

Tips and limitations

  • Choose a supported desktop browser if you need controls inside Document PiP. Video PiP remains display-only.
  • After applying a saved duration set, choose Save in Settings to commit it.
  • The standard timer and focus history remain available on phones without PiP.
  • Use filtered CSV for reviewing selected history and JSON for an overall backup.

Frequently asked questions

Can I use this Pomodoro timer for free?

Yes. Pomodoro Timer works without an account or installation. Its standard timer does not require PiP.

Can I keep the timer in a corner while using other apps?

On a browser and OS that support PiP, you can place the timer in a floating window while working elsewhere. Without PiP, use the main page.

Can I pause or add five minutes from the floating window?

Document PiP has interactive controls. Video PiP displays time only, so you use the main page for controls.

Does Picture-in-Picture work on a phone?

It depends on the phone's browser and OS. Video PiP may be available, but the regular timer works even if neither PiP mode is supported.

Can I use something other than 25/5-minute intervals?

You can adjust focus and break lengths and keep up to three duration sets. After applying a set, choose Save to commit it.

Does the timer force a break after 25 minutes?

Not with Flow overtime enabled. It continues counting time beyond 00:00 until you finish the focus session.

Will my focus history always be retained?

History stays in your browser's localStorage but may be lost when site data is cleared. Export JSON if you need a backup.

References

The app README and specification document the workflow; MDN explains browser-side Picture-in-Picture restrictions.