RhythmFlow - Professional Metronome & Rhythmic Sequencer

RhythmFlow is a high-precision metronome application designed for professional musicians and serious practice. It features a hardware-inspired UI and advanced sequencing capabilities with support for complex rhythmic subdivisions.

Features

• Professional Hardware UI: Dark theme with amber/gold accents, inspired by high-end audio equipment.
• Rhythmic Flow Editor: Create complex sequences of rhythmic phases with different time signatures and subdivisions.
• Extended Subdivisions: Support for Whole (1n), Half (2n), Quarter (4n), Eighth (8n), Sixteenth (16n), 8th Triplets, and 16th Triplets.
• Ghost Beat Markers: Visual indicators for fractional beats, showing exact beat positions including triplets and complex subdivisions.
• BPM Growth: Automatically increase tempo over time (by measures or minutes) to build speed and precision.
• BPM Reset on Stop: When stopping after BPM growth, tempo returns to the starting value.
• Flexible BPM Range: Set tempo from 20 to 320 BPM.
• Routine Management: Save, rename, and recall your custom practice sessions.
• Flexible Durations: Set phase and flow durations by measures, time (up to 20 minutes), or infinite loops.
• High-Precision Audio: Powered by Tone.js with tick-based scheduling for rock-solid timing.
• Visual Feedback: Immersive visualizer with beat indicators, ghost markers, and progress tracking.
• Keyboard Shortcuts: Use the Spacebar to quickly start or stop the metronome.
• Mobile Optimized: Fully responsive design for practice on the go.

Getting Started

1. Set Tempo: Use the master tempo slider or click the BPM display to enter a value directly (20-320 BPM).
2. Select Subdivision: Choose from Whole, Half, Quarter, Eighth, Sixteenth, or Triplets.
3. Configure Flow: Add phases to the "Rhythmic Flow" editor. Each phase can have its own label, measures, time signature, and subdivision.
4. BPM Growth: Enable BPM growth in the "Engine" tab to gradually increase the tempo during your session.
5. Save Routines: Save your favorite sequences as routines for quick recall.
6. Start Session: Hit the large "START SESSION" button to begin.

Built With

• React 19
• Tone.js (Audio Engine)
• Tailwind CSS v4 (Styling)
• Lucide React (Icons)
• Motion (Animations)
• shadcn/ui with @base-ui/react (Components)

License

Apache-2.0