nowfound

Life & fun · September 12, 2016

Drum machine in 100 lines of HTML/JS

Beatboxer is a drum machine in about 100 lines of html/js/css

Drum machine in 100 lines of HTML/JS launched on September 12, 2016 with 134 votes, #251 of 3,744 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 10 years on.

Visit sig.gy ↗Alternativestop 7% of September 2016

In plain words

Beatboxer is a lightweight drum machine built with approximately 100 lines of HTML, JavaScript, and CSS combined. It allows users to create and play drum beats directly in a web browser without requiring installation or plugins. The tool is designed for anyone interested in music production or beatmaking who wants a simple, accessible way to experiment with rhythm and percussion patterns.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • Beatboxer2016 · sig.gy · ▲5

    Drum machine in about 100 lines of html/js/css

  • Beats, a web-based drum machineJan 2026 · beats.lasagna.pizza · ▲160

    Hello all! I've been an avid fan of Pocket Operators by Teenage Engineering since I found out about them. I even own an EP-133 K.O. II today, which I love. A couple of months ago, Reddit user andiam03 shared a Google Sheet with some drum patterns [1]. I thought it was a very cool way to share and understand beats. During the weekend I coded a basic version of this app I am sharing today. I iterated over it in my free time, and yesterday I felt like I had a pretty good version to share with y'all. It's not meant to be a sequencer but rather a way to experiment with beats and basic sounds,…

  • I made a generative online drum machine with ClojureScript2025 · dopeloop.ai · ▲202

    After two years of development, I'm super excited to release Beat Maker! This is my take on what I hope is the best free, web-based drum machine. My goal was to build something that was not only fun and easy to use for beginners but also powerful enough for serious producers. I did extensive research on existing drum machines, analyzed their UX, and tried to build something that adds something new. It's a nearly 100% client-side app, written in ClojureScript, and is a PWA so you can install it to your home screen for an app-like experience. Besides the standard grid editor, Beat Maker has…

  • I built a little online drum machine using 808 style samples2023 · peel.fm · ▲353

    Online drum machine and sequencer with Roland 808 style samples

  • BF
  • 1082016 · martinwecke.de · ▲111

    A minimal beat machine played in the browser

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, September 2016

the whole month →
  • Real decks from real startups that raised over $400M

    Growth · 2016 · cirrusinsight.com

  • Bitmap & tilemap generation from a single example with the help of ideas from quantum mechanics - mxgmn/WaveFunctionCollapse

    Life & fun · 2016 · github.com

  • Smart messaging app that helps you say more and do more.

    Work · 2016 · android.com

  • Reproducing images with geometric primitives. Contribute to fogleman/primitive development by creating an account on GitHub.

    Dev tools · 2016 · github.com

  • Embedded camera sunglasses by Snapchat

    Work · 2016 · spectacles.com

  • AccessURL▲818

    Share access to accounts without sending a username/password

    Life & fun · 2016 · accessurl.com