Drum Visualizer for Songsterr

Live drum-kit visualizer that syncs with the selected drum tab on Songsterr and highlights which drum to hit.

Learn drum parts by watching, not by reading. Drum Visualizer adds a live, animated drum kit to songsterr.com that lights up in time with the tab you are playing - so you can see the groove instead of decoding notation. 🥁 (Works the moment you install it - no signup, no account, nothing to configure.) 🥁 See Every Hit Press play on Songsterr and the kit plays along with you. Kick, snare, toms, hi-hat, crashes, ride - each piece flashes the instant its note is played, right above the notation you are reading. 🎯 A Kit That Matches the Song Choose Automatic and the kit builds itself from the tab: splash, china, cowbell, tambourine, hand claps, congas, extra rack and floor toms, a second crash, even a double kick when the song uses both bass drums. Every instrument gets its own piece, drawn as itself - the china is a real china cymbal, the tambourine has jingles, congas have skin heads, and anything exotic (sticks, cabasa, claves, bell tree...) gets its own labelled pad. No two instruments ever share a drum. Prefer something simpler? Switch to the classic 5-piece kit. 🎼 Reads the Tab Properly Articulations are badged on the piece they belong to: open, half and pedal hi-hat, rimshot and side stick, ride bell and edge, cymbal chokes. Accents flash bigger and hotter, ghost notes stay soft - exactly as the notation marks them. ⏱️ Know What Is Coming A dashed ring shrinks onto the next pads and lands precisely on the beat, so your hands can get there in time. It follows the playback speed, so it stays honest when you slow a section down to practice it. 🎛️ Fits The Way You Practice Dock it as a panel above the tab (drag it to any height) or pop it out as a floating window - switch live in the settings. It follows Songsterr's light and dark theme, keeps the playback cursor clear of the panel while the page auto-scrolls, and stays out of the way: search, the track mixer and every Songsterr popup draw over it. 🌈 Why Drum Visualizer? ✅ Every instrument in the tab gets its own drum, never a shared one ✅ Laid out like a real kit - shells in front, rack toms above, cymbals over the drums they belong to ✅ Its own animation for every piece, not one generic flash ✅ Articulation badges, accents and ghost notes ✅ Next-hit approach rings, timed to the beat ✅ In-page panel or floating window, light or dark ✅ Song progress bar along the top of the kit ✅ Songs with several drum parts get a one - click track picker 👍 Free, All Of It • Every feature above - no premium tier, no trial, no paywall • No account and no signup • No ads • Nothing is collected or sent anywhere 🚀 How To Use Open a song on songsterr.com and pick its drum track (if you are on another track, the extension offers every drum track as a one-click button) Click the extension icon and flip "Show visualizer" Press play 🥁 ℹ️ Good To Know An unofficial companion tool - not affiliated with or endorsed by Songsterr. It only reads the tab data the Songsterr page has already loaded in your browser, and everything happens locally. Songsterr ships site updates regularly, which can occasionally break syncing until this extension catches up.