To run locally:
- Install dependencies with
npm install
- Start server with
npm run start
Online version: Click
A react-based app for creating beats in your browser. Start with a simple idea and let it evolve into something bigger on the go.
- BPM modifier
- Master volume
- Interactive soundboard
- Timeline
- 3 different sound kits
- Solo, mute, increase volume and change panning for each instrument
- Random beat generator
- Import/export track
Use your keyboard or mouse to play samples in the top soundboard. This will help you come up with ideas for creating a track.
In the bottom timeline, select which pads to activate in your four-bar loop. Each instrument can be soloed, muted and its volume & panning can also be adjusted with the knobs on the right.
To customize your beat, you can select a BPM that best suits your current idea. Also, the master volume can be modified in the same section.
Finally, you can name and save your project. This will generate a .beat
file that can later be uploaded in the same page.
Initial Figma design: Click