GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → joeshub → react-808

joeshub / react-808

Licence: MIT license
808 Drum Machine built using React.js hooks API

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reacthookssequencerreactjsaudio-playerdrum-machine

Projects that are alternatives of or similar to react-808

pocket-operator-simulator
Simulation of teenage engineering's pocket operator PO-20
Stars: ✭ 63 (+23.53%)
Mutual labels:  sequencer, drum-machine
React Music Player
React，TS的音乐播放插件，歌词同步功能，适配PC和移动端；A music player build with react and typescript for mobile and PC
Stars: ✭ 357 (+600%)
Mutual labels:  hooks, audio-player
roover
🐱 A lightweight audio library for React apps.
Stars: ✭ 70 (+37.25%)
Mutual labels:  hooks, audio-player
sequencer64
64-step sequencer PWA
Stars: ✭ 200 (+292.16%)
Mutual labels:  sequencer, drum-machine
useAudioPlayer
Custom React hook & context for controlling browser audio
Stars: ✭ 176 (+245.1%)
Mutual labels:  hooks, audio-player
strumpract
Various tools for musicians.
Stars: ✭ 20 (-60.78%)
Mutual labels:  audio-player, drum-machine
snapos
Snapcast OS
Stars: ✭ 73 (+43.14%)
Mutual labels:  audio-player
framer-motion-hooks
Fill the hook gap in Framer Motion
Stars: ✭ 160 (+213.73%)
Mutual labels:  hooks
react-useForm
World's simplest React hook to manage form state
Stars: ✭ 30 (-41.18%)
Mutual labels:  hooks
use-latest
No description or website provided.
Stars: ✭ 18 (-64.71%)
Mutual labels:  hooks
react-ua
📱React User Agent Component, Hook, and HOC. SSR-ready, full UT, using new React Context and Hooks API
Stars: ✭ 18 (-64.71%)
Mutual labels:  hooks
use-smooth-scroll
React hook which gives a smooth scrolling function.
Stars: ✭ 41 (-19.61%)
Mutual labels:  hooks
use-google-autocomplete
A simple React Hook API that returns Google Autocomplete results with session_token handling.
Stars: ✭ 27 (-47.06%)
Mutual labels:  hooks
JetTunes-Desktop-Music-Player
Material design music player made with javafx
Stars: ✭ 36 (-29.41%)
Mutual labels:  audio-player
pyinstaller-hooks-contrib
Community maintained hooks for PyInstaller.
Stars: ✭ 66 (+29.41%)
Mutual labels:  hooks
dobux
🍃 Lightweight responsive state management solution.
Stars: ✭ 75 (+47.06%)
Mutual labels:  hooks
use-images-loaded
🖼️ Returns true once all the images inside a container are loaded
Stars: ✭ 82 (+60.78%)
Mutual labels:  hooks
hermes-audio-server
An open source implementation of the audio server part of the Hermes protocol
Stars: ✭ 23 (-54.9%)
Mutual labels:  audio-player
MusicFolderPlayer
An elegant HTML5 web folder player for parties and/or private music collections, with playlist management that's just better.
Stars: ✭ 89 (+74.51%)
Mutual labels:  audio-player
crypto-watchdog
Crypto Watchdog is an open-source developer friendly project, periodically queries crypto market and notifies potential pumps & recently added tokens/coins via web-hooks.
Stars: ✭ 22 (-56.86%)
Mutual labels:  hooks
View All Similar Projects ➔

React 808

JavaScript based 808 Drum Machine built using React.js and hooks API

React 808 Screenshot

Development

  • fork / clone the repo
  • run yarn && yarn start

Features

  • 4 Audio Tracks
  • 2 Bars, 8 Steps
  • Load existing sequences
  • Edit notes to create custom loops
  • Change BPM
  • Play/Pause/Stop
  • Works in Chrome, FireFox, Safari, iOS

Wish list

  • Customize UI for handheld viewports
  • User authentication
  • Save custom sequences
  • Load custom sequences by either user profile or custom URL
  • Add / Edit / Remove tracks
  • Create custom tracks
  • Audio effects
  • Change Timing signatures
  • Change steps per Bar on grid
  • Showcase user sequences
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].