https://github.com/vinaysharma14/step-sequencer
A React app mimicking a hardware used back in the days, Step Sequencer for producing music beats with baked in audio samples and custom ones.
https://github.com/vinaysharma14/step-sequencer
javascript mobx-react music-application music-composer music-composition music-library music-player music-theory-apps react-js
Last synced: 10 months ago
JSON representation
A React app mimicking a hardware used back in the days, Step Sequencer for producing music beats with baked in audio samples and custom ones.
- Host: GitHub
- URL: https://github.com/vinaysharma14/step-sequencer
- Owner: vinaysharma14
- License: mit
- Created: 2019-07-05T05:07:13.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T05:39:43.000Z (over 3 years ago)
- Last Synced: 2025-05-12T13:52:12.713Z (about 1 year ago)
- Topics: javascript, mobx-react, music-application, music-composer, music-composition, music-library, music-player, music-theory-apps, react-js
- Language: JavaScript
- Homepage:
- Size: 8.21 MB
- Stars: 6
- Watchers: 0
- Forks: 0
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Step Sequencer
It is an application that can be used to produce beats. Some default audio samples have been provided for you to get going.
You can even bind keyboard with samples, and record your beats just like any midi controller and much more!
The step sequencer is developed in React JS.
*Inspired by Image Line's [FL Studio](https://www.image-line.com/flstudio/).*
## Demo
The [Step Sequencer](https://vinaysharma14.github.io/step-sequencer/) is deployed using GitHub Pages.
## Installation
- Install `npm` package manager
- Clone the repository and we are good to go!
```
git clone https://github.com/vinaysharma14/step-sequencer.git
npm install
npm start
```
## Audio Library Used
Check out this amazing [Howler JS](https://howlerjs.com/) library that was as easy as pie to implement in the step sequencer!