Skip to content
/ Flow Public

A clean, minimalist interval timer designed for focus and recovery. Features Apple-inspired Haptic and Liquid Motion for tracking custom fitness routines.

Notifications You must be signed in to change notification settings

panwyyt/Flow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🧘 Flow

Find your rhythm.

Flow is a minimalist, mobile-first web application designed for interval training and deep focus sessions. It features a sleek "Titanium Glass" aesthetic inspired by Apple's design language, liquid progress indicators, and an immersive ambient background.

✨ Features

  • ⏱️ Customizable Intervals: Set your own Focus and Recovery durations.
  • πŸ“ Custom Routines: Define your workout sets or tasks line-by-line using the simple text editor.
  • 🎨 Immersive UI:
    • Dark mode with glassmorphism effects.
    • Dynamic "Liquid" progress bar that fills up as you work.
    • Ambient background that shifts colors based on mode (Solar Flare πŸ”΄ for Focus / Deep Breath 🟒 for Recovery).
  • πŸ”₯ Streak Tracking: Automatically saves your daily streaks and settings using LocalStorage.
  • πŸŽ‰ Celebrations: Confetti effects upon routine completion.

πŸš€ How to Run

  1. Simply download or clone the repository.
  2. Open index.html in any modern web browser (Chrome, Safari, Edge).
  3. No installation, server, or build process required.

πŸ› οΈ Technologies

  • HTML5
  • Tailwind CSS (via CDN)
  • Vanilla JavaScript
  • Canvas Confetti

Made with ❀️ by mylilboo

About

A clean, minimalist interval timer designed for focus and recovery. Features Apple-inspired Haptic and Liquid Motion for tracking custom fitness routines.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages