Focus Flow

FocusFlow is a clean, responsive productivity web app designed to help users build deep work habits, eliminate distractions, and track real focus time — all in one intuitive interface.

Built with React, TypeScript, Tailwind CSS, and powered by Framer Motion for seamless animations, FocusFlow brings together science-backed techniques and modern design to create the ultimate focus assistant.

🎯 Key Features:

• Smart Pomodoro Timer with customizable durations and smooth visual feedback

• Built-in Focus Music so you stay in the zone without switching tabs

• Session Modes for Focus / Short Break / Long Break – optimized for productivity

• Live Stats Panel to monitor total sessions, minutes focused, and progress

• Minimal, Distraction-Free UI with keyboard-friendly controls and animations

🔧 Why I built it:
As someone who values focus and deep work, I found switching tabs and losing track of time a major problem. I wanted an elegant, all-in-one tool to time sessions, play music, and keep me accountable. FocusFlow is the solution — and now, I’m sharing it with the world.

Perfect for students, remote workers, creators, and developers who want to reclaim their attention and boost their productivity.