Seven practice tools you can drop straight into a lesson page, a studio site or a band programme. Copy one line of HTML. No sign up, no API key, no cost.
If you teach, run a studio, or keep a resources page for your students, sending them off to a third-party site mid-lesson is a small friction that adds up. These widgets put the tool on your page instead. They are the same tools that run on this site, not cut-down versions, and they are free to use on any site, commercial or not.
The one condition. Keep the small credit line under each widget. It is already built into the embed, so there is nothing for you to add, just do not delete it from the code or hide it with CSS. That link is the whole reason these can stay free with no ads and no sign-up wall.
Odd meter metronome
Any time signature from 5/4 to 13/8, clicked with its natural accent grouping and counted on screen.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/odd-meter.html"
width="100%" height="780" style="border:0;max-width:480px"
title="Odd meter metronome by Metro Gnome"
loading="lazy"></iframe>
Tap tempo & BPM finder
Tap along with any song and read the tempo live, matched to its tempo marking.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/tap-tempo.html"
width="100%" height="560" style="border:0;max-width:480px"
title="Tap tempo BPM finder by Metro Gnome"
loading="lazy"></iframe>
Rhythm timing test
Sixteen beats, a score out of 100, and whether the player rushes or drags. Useful as a first-lesson benchmark.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/rhythm-test.html"
width="100%" height="645" style="border:0;max-width:480px"
title="Rhythm timing test by Metro Gnome"
loading="lazy"></iframe>
Steady tempo test
Tap along with a click, then keep going when it stops. Shows the tempo the player held, whether they sped up or slowed down, and a steadiness score out of 100. Device audio delay cannot affect it, so it is fair on any setup.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/steady-tempo-test.html"
width="100%" height="710" style="border:0;max-width:480px"
title="Steady tempo test by Metro Gnome"
loading="lazy"></iframe>
Pitch test
Two notes, higher or lower, closing in until it finds the smallest pitch difference the player can hear, in cents. A friendly ear-training benchmark for aural skills, choir and string pages. Best with headphones.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/pitch-test.html"
width="100%" height="620" style="border:0;max-width:480px"
title="Pitch test by Metro Gnome"
loading="lazy"></iframe>
Chord finder
Tap the notes of a chord on a guitar fretboard or a piano keyboard and it names the chord, spells every note from its root, lists the alternative readings and plays it back as an arpeggio. Made for guitar and piano lesson pages, theory sites and songwriting forums. Pre-set a chord in the link with ?notes=C3,E3,G3&instrument=piano.
Live preview, try it
<iframe src="https://metrognome.co.za/embed/chord-finder.html"
width="100%" height="980" style="border:0;max-width:600px"
title="Online chord finder by Metro Gnome"
loading="lazy"></iframe>
Tuning drone
A sustained reference note from C2 to B5 at any reference pitch, pure or warm, for intonation practice by ear. Ideal on a string, wind or choir warm-up page. Pre-set it in the link with ?note=Cs&octave=3&timbre=warm&blend=octave (a shruti box on kali 1, for instance).
Live preview, try it
<iframe src="https://metrognome.co.za/embed/tuning-drone.html"
width="100%" height="925" style="border:0;max-width:480px"
title="Online tuning drone by Metro Gnome"
loading="lazy"></iframe>
Sizing and placement
The heights in the code above are measured at a widget width of 480 pixels, which is what max-width:480px in the snippet gives you. Everything inside scales to the width you allow, so leaving width="100%" and letting your own container decide is usually easiest.
Narrower means taller, because the controls wrap onto more rows. Measured heights at a 300 pixel sidebar width, if you want to size one exactly:
Widget
At 480px
At 300px
Odd meter metronome
780
970
Tap tempo & BPM finder
560
560
Rhythm timing test
645
715
Tuning drone
925
1110
Getting it wrong is not fatal either way. Each widget scrolls inside its own frame when the frame is shorter than its contents, so nothing is ever cut off, you just get a scrollbar.
Terms, in plain English
Free to embed on any website, including commercial sites and paid course platforms.
Keep the credit link that ships inside the widget. Do not remove or hide it.
Do not copy the tool's code onto your own server. Point the iframe here so you always get fixes and improvements.
No warranty. These are practice aids, not measurement instruments, and browser audio timing varies by device.
Questions
Is it really free?
Yes. No cost, no sign up, no API key. Metro Gnome is a free Android app funded by optional cosmetic purchases and a one-time ad removal, and these tools exist because they are useful, not as a trial for something paid.
Will it slow my page down?
No. Each widget is one small HTML page with no external libraries, no tracking scripts and no web fonts. The embed code includes loading="lazy", so a widget below the fold does not load until a visitor scrolls near it.
Does it work on phones?
Yes, on any modern mobile or desktop browser. Sound uses the Web Audio API, so a visitor taps once to start audio, which is standard browser behaviour and applies to every audio tool on the web.
Can I request a different tool?
Yes, and it is genuinely useful to hear what is missing. Email what you would use and it will be considered for the next one.