A sleek, Apple-inspired interval timer app designed for HIIT workouts, Tabata training, and any workout routine requiring precise work/rest intervals.
- Customizable Intervals: Adjust work periods (5-99 seconds) and rest periods (0-99 seconds)
- Flexible Rounds: Set anywhere from 1 to 99 rounds
- Visual Progress Ring: Apple Watch-inspired circular progress indicator
- Phase Colors: Color-coded phases (Blue for Ready, Green for Work, Orange for Rest)
- Audio Cues: Subtle beeps to signal phase changes and countdown alerts
- Apple-Inspired UI: Clean, minimal interface following Apple's design language
- Dark Mode: Beautiful dark theme optimized for workout environments
- Smooth Animations: Fluid transitions using Apple's cubic-bezier easing
- Responsive: Works seamlessly on mobile and desktop devices
- Start/Stop: Begin or end your workout session
- Pause/Resume: Take breaks without losing your progress
- Mute Toggle: Disable audio cues if needed
- Real-time Stats: See current round and total time at a glance
-
Configure Your Workout
- Adjust work time using the +/- buttons (default: 30s)
- Set rest time between intervals (default: 15s)
- Choose number of rounds (default: 6)
- View total workout time in the pill at the top
-
Start Training
- Tap "Start Workout" to begin
- 5-second countdown to prepare
- Follow the visual and audio cues
- Progress ring shows time remaining
-
Manage Session
- Pause/Resume using the bottom button
- Stop workout with the red square button
- Mute/unmute audio with the top-right icon
- Pure HTML/CSS/JavaScript: No frameworks required
- Web Audio API: For high-quality audio cues
- CSS Animations: Smooth, performant transitions
- Local State Management: All data stored in memory during session
- Mobile-Optimized: Touch-friendly controls and viewport optimization
- HIIT (High-Intensity Interval Training)
- Tabata workouts (20s work / 10s rest)
- Boxing/MMA rounds
- Circuit training
- Study/work Pomodoro sessions
- Any activity requiring timed intervals
Works on all modern browsers supporting:
- Web Audio API
- CSS Grid
- ES6+ JavaScript
- SVG animations
Made with ❤️ by mylilboo