A web-based keyboard visualizer built for ADOFAI rolling practice. It shows real-time animated rains as you press keys, tracks your speed and accuracy across multiple practice modes, and lets you deeply customize the look, feel, and behavior of the entire interface.
Thank youto all of my friends who supported the development of this website, and to everyone who reviewed it before it was made public:BaconJeezbrgr (great song artist and friend Check him out here!SirPoff, Toby, Fox, Demi, Playtonz, Caron, BypassedChicken, Oneleaf, and Shinora.
Thank youto everyone who was a translator:Caron (Korean), BaconJeezbrgr (great song artist and friend Check him out here! (German), and ShinyUmbreon (Spanish).
Core Visualizer
Real-time keyboard press visualizer with animated scrolling rains
Supports 1-4 rows of keys, each independently configurable
Customizable key width and height
Practice Modes
Free mode- tracks consistency against your own running average
BPM (target) mode- fixed target BPM with a tolerance window
BPM Staircase- auto-ramps BPM from start to end in steps; per-step accuracy and a results summary at the end
Timed Challenge- fixed BPM for a set duration (15s / 30s / 1m / 2m); results with accuracy, total notes, and best streak
Burst Trainer- short bursts of N notes with rest in between; per-burst scoring with a count-in lead-in
Stats & HUD
Keypress counter (toggleable)
Accuracy percentage (toggleable)
KPS (keys-per-second) display (toggleable)
Recent BPM readout
Streak tracking (current and best consecutive in-tolerance hits)
Challenge HUD with live progress for staircase / timed / burst modes
Results modals at the end of each challenge
Hit-Offset Histogram
Live histogram of gap-vs-target offsets in milliseconds
Color-coded: green = within tolerance, red = outside
Metronome
Toggleable metronome synced to the target BPM
Adjustable volume, pitch, and click length
Four sound presets: Click, Beep, Tick, Thud
Visual metronome dot indicator
Pseudo-Press Support
Multiple keys pressed within a configurable window count as one note
Window adjustable down to 1 ms
Customization
Background, key, border, pressed, and text colors (all color-pickable)
Per-row rain colors
Key opacity and rain opacity sliders
Rain fade height and fade softness controls
Key font size slider
Adjustable scroll speed
Fonts
Key font picker with 8 built-in Google Fonts
Separate stats font picker
Custom font upload via drag-and-drop or file picker (.ttf, .otf, .woff, .woff2)