Back to Home

BEATKERRI 303

The Ultimate Beat-Matching Drum Machine

What is Beatkerri 303?

Beatkerri 303 is an interactive, web-based step sequencer and drum machine that blends the classic TB-303 vibe with modern web technologies. It features three distinct game modes that challenge your rhythm, creativity, and musical intuition, all within a sleek, browser-friendly interface.

Built using React, TypeScript, and Tone.js, Beatkerri 303 delivers responsive performance and high-quality audio synthesis across all devices.

It was designed and developed by Aastha Kumari Karki (aka junkerri), a musician and web developer who wanted to build a fun, interactive rhythm game that also works as a tool for sketching beat ideas and sharing them with friends. Whether you're playing solo or jamming with others, Beatkerri 303 is your pocket-sized beat lab.

Game Modes

Key Features

High-Quality Audio

Professional drum samples with real-time audio synthesis powered by Tone.js

Multiple Instruments

7 classic drum machine sounds: Kick, Snare, Hi-Hats, Toms, and Clap

Real-Time Feedback

Visual step sequencer with active step highlighting and instant audio playback

Export & Share

Export beats as WAV or MIDI files for use in DAWs, and share results with friends via social media

Latest Features

Streak Tracking

Track your daily Beatdle streaks, win rates, and perfect solve statistics. Compete with yourself and see your improvement over time!

Pattern Export

Export today's Beatdle pattern as high-quality WAV audio files or MIDI files for use in your favorite music production software.

Enhanced Sharing

Share your Beatdle results across multiple platforms including X (Twitter), Facebook, WhatsApp, Messages, and more with separate sharing options.

Achievement System

View detailed statistics including current streak, longest streak, perfect solve percentage, and overall win rate to track your progress.

Technical Details

Built With

  • • Next.js 15 - React Framework
  • • TypeScript - Type Safety
  • • Tone.js - Audio Synthesis
  • • Tailwind CSS - Styling
  • • Lucide React - Icons

Audio Features

  • • 44.1kHz Sample Rate
  • • 16-bit PCM WAV Export
  • • General MIDI Export
  • • Real-time Audio Processing
  • • Cross-browser Compatibility
  • • Mobile Audio Support