New guide: practicing rhythm without a metronome
Added a new guide page that walks through five ways to keep good time without always relying on a metronome — using your body, your voice, silent bars, and backing tracks.
- •Building time with your foot, hand, or head movement
- •Counting out loud to internalize the pulse
- •Practicing with silent bars to hold time on your own
- •Applying your time-feel against full backing tracks
- •Balancing metronome and metronome-free practice
Metronome keyboard shortcut + shortcut guide page
You can now start and stop the metronome with the Space key, so you don't need to reach for the mouse. A new guide page also lists the shortcuts in one place.
- •Space key toggles metronome play/stop
- •New keyboard shortcut guide page (/metronome-keyboard-shortcuts)
Content reinforcement — rhythm sense and 5-fret tuning
Added a new opening section on building rhythm sense to the Practice Tips page, and a 5-fret comparison method section to the Guitar Tuning Guide.
- •Added a 'building rhythm sense' opening section to /practice-tips
- •Added a 5-fret comparison tuning section to /guitar-tuning-guide
Tool page usability cleanup
Added a 'what to do next' CTA after tuning is complete on the Tuner, standardized the related-links block on tool pages, and added FAQs to the Home and Rhythm Practice pages.
- •Added a next-step CTA after a successful tuning
- •Standardized the related-links block across 3 tool pages
- •Added 4 FAQs + FAQPage schema to Home and Rhythm Practice
Onboarding tutorial dismissal fix
Fixed a bug where the first-time tutorial would reappear on later visits even after you'd dismissed it. Once dismissed, the tutorial now stays dismissed.
- •Dismissed tutorial no longer reappears on revisit
Refreshed page titles and tool descriptions
We renamed the home, tuner, and rhythm practice pages to clearer titles, and added a short intro paragraph under each tool so you can see at a glance what it does.
- •Home title is now "Free Online Metronome that Scores Your Timing"
- •Tuner title is now "Free Online Guitar Tuner" + added a description paragraph
- •Rhythm Practice title is now "Rhythm Pattern Builder & Practice Tool" + added a description paragraph
Multi-Instrument Tuner + Dedicated Guide Pages
The tuner now supports bass, ukulele, and violin in addition to guitar. New tuning guide pages added for each instrument.
- •4-string and 5-string bass tuning (includes Drop D)
- •Ukulele standard and Low G tunings
- •Violin GDAE standard tuning
- •3 new instrument-specific tuning guides
Main Page Redesign
Refreshed the main page with cleaner copy and a simplified layout.
- •Clearer, more readable introduction
- •Simplified to 3 key differentiators
Tuner Pitch Detection Accuracy Improvement
Improved the guitar tuner's pitch detection algorithm for better low-frequency detection and octave error prevention.
- •Adjusted NSDF confidence threshold for better E2 detection
- •Added subharmonic prevention logic to fix octave misdetection
- •Faster stabilizer response (history 5→3, tolerance adjusted)
Practice History & Growth Chart
Automatically records your metronome practice sessions and shows your progress over time with a growth chart.
- •Automatic session recording on play/stop
- •Daily practice volume and accuracy growth chart
- •View and manage session history
Navigation and Guides UX Improvements
Added Updates to the top navigation and streamlined guide access. A product overview helps first-time visitors grasp features quickly.
- •‘Updates’ added to top navigation
- •Simplified entry points to guides and better visibility
- •Product overview page to scan key features quickly
Major Mobile UX Improvements
Optimized touch interactions, removed intrusive ads on tool pages, and added a dedicated mobile view for the DAW sequencer.
- •Removed 300ms tap delay on mobile (global touch-action: manipulation)
- •No more popup ads on Metronome/Tuner/Rhythm Practice — zero interruptions while using tools
- •Mobile DAW: tap to select track → edit one track at a time with larger grid (desktop keeps 5-track view)
- •DAW cells have minimum touch size — tappable even at 32nd note subdivisions
- •DAW auto-scrolls to follow the cursor during playback — never lose your place
- •Precise cursor-to-audio timing synchronization in DAW
SEO Content Expansion
Added a new Practice Tips page, renewed the Guide hub, strengthened internal links across content pages, and expanded the Guitar Tuning Guide.
- •New Practice Tips page with 7 practice methods (/practice-tips)
- •Guide hub renewal — sub-guide cards added
- •Guitar Tuning Guide — 4 new sections + 5 new FAQs
Timing Chart Improvements
Added zoom in/out, history scrolling, and chart image download to the timing visualization chart.
- •Time window zoom in/out (2s/4s/8s)
- •Scroll through past timing records
- •Download chart as PNG image
Design Renewal
Introduced Indigo brand color and renewed the entire UI with a clean flat design. Reorganized navigation structure and improved metronome control panel layout.
- •Indigo (#6366f1) brand color — applied to buttons, accents, focus rings, etc.
- •Navigation reduced from 8 to 5 items + Guides dropdown
- •Metronome controls: BPM/Play/Tap highlighted, advanced settings collapsible
- •DAW sequencer grid contrast enhanced and touch targets enlarged
- •Glass-morphism/Neumorphism → clean flat design transition
Beat Accuracy Scoring
Press spacebar or tap to match the rhythm — get real-time judgments of Perfect/Great/Good/Miss. Measures deviation from actual audio playback using Web Audio API precision timing.
- •4-level real-time judgment: Perfect/Great/Good/Miss
- •Deviation tick overlay on timeline chart (±ms display)
- •Session stats — accuracy%, avg deviation, judgment distribution bar
- •Precision timing sync based on AudioContext.currentTime
MIDI / WAV Export
Added the ability to export rhythm patterns as MIDI or WAV files. Mute/solo settings are reflected, and everything runs entirely in the browser.
- •Export as MIDI file (GM drum map supported)
- •Export as WAV file (offline rendering)
- •Mute/solo settings reflected in export
- •Runs entirely in the browser, no server needed
Silent Bars Mode
Added a practice system that alternates between audible and silent bars to train your inner sense of rhythm. Supports count-in, presets, and progressive difficulty.
- •Audible/silent bar cycle practice
- •Count-in (1–2 bars) before cycle starts
- •4 presets (Standard/Beginner/Challenge/Advanced) + Custom
- •Progressive difficulty: auto-increase after cycle repetitions
- •Beat animation continues during silent bars (visual guide)
Web Performance Upgrade
Migrated to Next.js framework for faster page loads and improved SEO performance.
- •Faster initial load with server-side rendering
- •Improved page transition speed
Rhythm Sound Diversification
Added 5-track drum support (kick/snare/hihat/tom/clap) to the sequence timeline and 4 new metronome sound types (rimshot/hihat/cowbell/claves).
- •5-track drum support (kick, snare, hihat, tom, clap)
- •4 new metronome sound types (rimshot, hihat, cowbell, claves)
- •Real-time sound synthesis via Web Audio API
- •Per-track volume balance optimization
Clap Detection Algorithm V2
Applied a new peak-based clap detection algorithm to improve microphone input accuracy.
- •Improved clap recognition with peak-based detection
- •Spectral analysis to distinguish claps from voice/noise
- •Instant UI feedback on beat detection (no delay)
- •Adaptive noise floor for various environments
Tuner Hold Time Improvement
Improved guitar tuner pitch detection stability. Added hold time and fade effects for better note display.
- •Note hold time feature
- •Note display fade effect
- •Improved pitch detection stability
Guitar Tuner
Added guitar tuning feature using microphone input. Supports chromatic mode and standard guitar tuning.
- •Chromatic tuner mode
- •Standard guitar tuning (E2-A2-D3-G3-B3-E4)
- •Real-time pitch detection (YIN algorithm)
- •Real-time tuning visualization
- •Korean/English localization
Rhythm Pattern Storage
Save and load rhythm patterns you created. Patterns are stored in localStorage and persist even after closing the browser.
- •Save your custom rhythm patterns
- •Load saved patterns
- •Delete patterns
- •Persistent browser local storage
- •Onboarding tutorial guide added
Progressive Tempo
Gradually increase tempo from start BPM to target BPM. Naturally raise your practice difficulty.
- •Auto-increase from start to target BPM
- •Configurable increment step (BPM)
- •Measure-based progress display
Metronome Auto Stop
Metronome automatically stops when navigating to another page.
- •Auto-stop on page navigation
Onboarding Tutorial
Added step-by-step tutorials for new users. Uses Intro.js to guide through key features.
- •Intro.js-based tutorials
- •Metronome usage guide
- •Rhythm practice usage guide
Sequence Timeline
Added timeline UI for visually editing rhythm patterns.
- •5-track (kick/snare/hihat/tom/clap) editing
- •Drag and drop beat movement
- •Grid snap feature
- •Real-time editing and playback
Practice Timer
Added timer feature to set and track practice time.
- •Countdown timer
- •Session-based practice time tracking
- •Precise timing (requestAnimationFrame)
Preset System
Save and load metronome settings as presets.
- •Save current settings as preset
- •Load saved presets
- •Zustand persist middleware
Micro-interaction Improvements
Improved interaction effects for button clicks, hovers, and more.
- •Button click animations
- •Improved hover effects
- •BPM change animations
Dark Mode
Support dark mode to reduce eye strain. Follows system settings or can be manually toggled.
- •Auto-detect system theme
- •Manual toggle switch
- •Persistent settings