GrooveSteps

Free interactive drum trainer and AI-assisted music tools. Learn drums in your browser — no app, no signup — with real-time scoring, 20+ structured lessons, the full rudiment library, and Web MIDI support so a real electronic drum kit plays the sounds and lights the pads.

🥁 Live app: https://groovesteps.com/drums/ 🎚️ AI music studio: https://groovesteps.com/studio/ 🌐 Home: https://groovesteps.com

What's here

• Embeddable drum-machine widget — drop an interactive, playable beat into any page with one <iframe>.
• Open practice patterns — the lesson/groove pattern grids used by the trainer.

Embed the widget

Add a live, playable GrooveSteps beat to your site:

<iframe
  src="https://groovesteps.com/drums/embed/?p=kick,,snare,,kick,kick,snare,&bpm=90"
  width="100%" height="320" style="border:0;border-radius:12px"
  title="GrooveSteps drum machine" loading="lazy"></iframe>

• p= — comma-separated steps (voice name or empty for a rest). Up to 24 tracks.
• bpm= — tempo, clamped 20–400.

The widget is chrome-free and self-contained. Attribution links back to GrooveSteps.

Features

• 🎯 Original real-time scoring engine (perfect/good/ok windows, combo, S–F grades, tap-test latency calibration)
• 🎹 Play along by keyboard, mouse, or external USB-MIDI e-kit (General MIDI drum map)
• 📚 20+ free interactive lessons and the rudiment library
• 🔌 Installable PWA, works offline

License

The embeddable widget and practice patterns are released for free use with attribution to https://groovesteps.com. Built by the GrooveSteps team.