Embed MusoKit on your site.

Free, fast music widgets for your blog, lesson site, or theory page. One line of code. No signup, no API keys, no expiring tokens. Auto-matches light or dark mode from the host page.

Free forever

No subscription, no usage limits, no rate caps.

Privacy-friendly

Audio runs locally in the browser. No tracking cookies.

Mobile-ready

Responsive down to 320px wide. Works on a music stand.

Zero dependencies

Single iframe. No JavaScript libraries to load on your site.

Metronome

Tap-tempo, time signatures, subdivisions, accents, and four click sounds. Schedules clicks via the Web Audio API for sample-accurate timing.

Embed code

Width: Height: Width can be a number (px) or 100% for fluid layout.

<iframe src="https://musokit.com/embed/metronome" width="100%" height="480" frameborder="0" loading="lazy" allow="autoplay" title="MusoKit Metronome"></iframe>

Coming soon

More embeddable tools are on the way. If your site has a specific use case, tell us and we'll prioritize it.

TunerMic-based chromatic tuner

Chord FinderPiano + guitar chord diagrams

Scale ExplorerVisualize and hear any scale

BPM to msDelay-time calculator

Terms of use (the short version)

Free for any site — personal blogs, commercial sites, lesson platforms, schools, anything.
Keep the attribution link — the small "Powered by MusoKit" link in the widget footer must remain. That's how this stays free.
Don't reverse-proxy or rehost — embed via the iframe URL, don't copy the source to your own domain.
No warranty — provided as-is. We'll do our best to keep widgets stable, but if we change a URL we'll redirect.

For implementers

Theme — the widget auto-detects prefers-color-scheme from the host page, so it'll match light or dark mode automatically.

Sizing — the metronome looks best at 460px wide × 480px tall. It's responsive down to 320px wide. Use width="100%" with a fixed height for fluid layouts.

Allow attribute — include allow="autoplay" on the iframe so audio can start without an extra interaction prompt in some browsers.

Performance — the embed is ~12 KB, no external requests, served from Cloudflare's edge. Use loading="lazy" if it's below the fold.

Self-host warning — please don't copy the HTML and host it on your own domain. The iframe approach means you get free updates, bug fixes, and new features automatically. Self-hosting forks the code and breaks that.