Metronome Web App

I wasn’t satisfied with any of the metronome apps out there. So, of course, I ended up coding one myself.

I wanted a clean metronome with no fuzz, no ads, and nothing beyond the core functionality. Just a good design that feels right. To me. There’s a special kind of satisfaction in writing code instead of actually practicing the guitar.

Features

You can set the tempo, choose beats per measure, and pick subdivisions like triplets, and of course quintuplets, because why not?

And you can install it as a web app!

Screenshot of Metronome web app – A dark website with a small realistic looking metronome. A BPM cound display, a slider and +, - buttons to adjust speed, a start button, a tap tempo button and selects for beat number and subdivision number

Technical Details for Nerds

It’s built with just HTML, CSS, and JavaScript using the Web Audio API. No libraries, no dependencies, no external sound files.

It keeps the screen awake using the Wake Lock API, saves your settings in localStorage, and lets you share links with your configuration included.

It’s fully client-side and PWA-ready, so you can install it and use it like a native app right from your browser.

Give it a try, and if you have ideas or find a favorite weird setting, share it with me on Mastodon.

Metronome Web App

Portrait of Moritz Glantz

👋 Moritz Glantz is my name…

…and I am an Specialist for Web Accessibility and UX-Engineer with over 20 years of experience, by day and a podcaster by night.

I help organizations build accessible websites by offering talks about accessibility, workshops & trainings, accessibility reviews and developing strategies for developers and management.

If that sounds like you could use my help, let’s talk! 💬