Component

Configurable Pomodoro

Pomodoro timer that takes work/break durations from the user and lets you adjust them on the fly.

Time Settings

Work (min)

Break (min)

Cycle: 0Work

25:00Focus Time

Usage Examples

"use client";

import { ConfigurablePomodoro } from "@/components/configurable-pomodoro";

export default function Example() {
  return (
    <ConfigurablePomodoro
      initialWorkDuration={25 * 60}
      initialBreakDuration={5 * 60}
      className="max-w-lg"
    />
  );
}