Groove

Clone Hero meets Melodics — for drums. Play charts on a note highway with real-time feedback.

Active

Try it now

Play charts in your browser — keyboard (A S D F…) or a USB e-kit via Web MIDI. Chrome or Edge recommended; headphones help.

Play embedded Open in new tab →

Problem

Drum learning apps are either too rigid (lesson-by-lesson) or too unstructured (just play along). Clone Hero showed that visual note highways work. Melodics showed that short sessions with immediate feedback work. Nothing combines both for drums with a focus on real groove.

Solution

A rhythm game and practice tool for electronic drums. Import MIDI charts, play along on a scrolling Skia note highway, and get hit-by-hit scoring with lessons and loops. Runs on iPad, in the browser, and as native builds. Keyboard (A S D F…) works without a kit; USB e-kits work via Web MIDI in Chrome or Edge.

Tech Stack

React Native Cross-platform, one codebase

Expo Web, iOS, Android from one repo

Skia Note highway and drum notation

Web MIDI USB e-kit support in the browser

@groove/engine Open-source rhythm logic (MIT)

TypeScript

Zustand Local state management

Architecture

Expo Router app with a shared UI across web and native. Pure timing, scoring, and MIDI logic live in @groove/engine. Charts import from .gp, .mid, or JSON.

Links

Web beta → Groove Engine →

Known Limitations

Web beta: Chrome or Edge recommended for Web MIDI and USB e-kits. Headphones recommended. Mobile builds are sideload-only for now.