Does it work on phones?

Yes. The frame follows the width of whatever column it sits in, down to about 150px, so it narrows along with the rest of the page on a phone. Sound only starts once someone taps the button inside the frame, mobile browsers don't allow anything before that.

Do I need to add a script?

No. The whole snippet is one iframe and one link underneath it, no script tag. It works even where a CMS strips scripts out of post content.

Why is there a link under the frame?

Because a watermark inside an iframe doesn't count as a link to a search engine, an iframe doesn't pass SEO value across the boundary. A visible link under the frame is the only way this widget actually points back to our site, rather than just looking like it does.

How do I remove the watermark?

With a Pro account. Without an account, or on a Free one, the watermark stays: it's what keeps the brand visible even if someone cuts the link out.

Can I change the colors?

The frame has a light and a dark theme, picked automatically from the visitor's system setting (`theme=auto`), or fixed in the address. There's no custom color palette.

The frame doesn't store any personal data, doesn't set cookies, doesn't read `localStorage`. We only record that someone ran the widget on a given domain, without a plain IP address, so we can tell which sites actually use it.

Embeddable metronome widget

A free metronome, ready to paste into any page. It's an iframe: nothing to install, no account needed. Under the frame sits a small link back to eMusic.Tools, the one thing it asks for in return.

1.Copy the snippet below.
2.Paste it into your page (see the instructions for your platform).
3.Publish. The metronome and the link appear together.

<!-- eMusic Tools · metronome -->
<iframe src="https://emusic.tools/embed/metronome?v=1&lang=en&theme=auto&size=m" title="Free online metronome" width="100%" height="220" style="max-width:640px;border:0;border-radius:12px" loading="lazy" allow="autoplay"></iframe>
<p style="margin:6px 0 0;font:12px/1.4 system-ui,sans-serif">
  <a href="https://emusic.tools/en/tools/metronome?utm_source=embed&utm_medium=widget&utm_campaign=metronome">Free online metronome</a> by <a href="https://emusic.tools/?utm_source=embed&utm_medium=widget">eMusic Tools</a>
</p>

More widgets

A preview of the wider card set. Only the metronome above ships with a ready-made fragment right now, this is what's coming next.

TunerOpen Tuner

How to add it

WordPress: add a Custom HTML block wherever the metronome should sit, paste the snippet, and preview the page. The block takes the iframe and the link beneath it as they are.
Squarespace: drag in a Code block, switch it to HTML, and paste the snippet. Squarespace runs the frame in its own sandbox, so it looks exactly like it does here.
Wix: from the Add panel, pick the 'Embed a Widget' (HTML iframe) element and paste the snippet as the embed code. Wix asks for a fixed height, use 220px for the default size.
Ghost: add an HTML card to the post or page and paste the snippet, it works as soon as you publish.
Blogger: switch the post editor to HTML view (the HTML-view icon), paste the snippet where you want it, then switch back to Compose to keep writing.
Notion and Google Sites: both accept a frame by address rather than by pasted HTML. Use the frame's address alone (the iframe's `src`) and skip the link underneath, since neither editor lets you place plain HTML next to an embed. The watermark stays visible in that case, it's what tells a reader where the widget came from when there's no link to click.
Plain HTML: paste the snippet as it is, inside the page's body.

Terms

You can embed this widget on any site, personal or commercial, for free. On a Free account the watermark and the link under the frame stay in place, that's the price of a free tool. We may change or retire a widget, always with 30 days' notice: an old versioned address (the `v=` in the URL) keeps working even after a newer one ships. We don't guarantee the frame will look identical in every browser or that it will run without interruption. Something broken or off on your page? Get in touch.

Questions

Does it work on phones?: Yes. The frame follows the width of whatever column it sits in, down to about 150px, so it narrows along with the rest of the page on a phone. Sound only starts once someone taps the button inside the frame, mobile browsers don't allow anything before that.
Do I need to add a script?: No. The whole snippet is one iframe and one link underneath it, no script tag. It works even where a CMS strips scripts out of post content.
Why is there a link under the frame?: Because a watermark inside an iframe doesn't count as a link to a search engine, an iframe doesn't pass SEO value across the boundary. A visible link under the frame is the only way this widget actually points back to our site, rather than just looking like it does.
How do I remove the watermark?: With a Pro account. Without an account, or on a Free one, the watermark stays: it's what keeps the brand visible even if someone cuts the link out.
Can I change the colors?: The frame has a light and a dark theme, picked automatically from the visitor's system setting (`theme=auto`), or fixed in the address. There's no custom color palette.
What about GDPR?: The frame doesn't store any personal data, doesn't set cookies, doesn't read `localStorage`. We only record that someone ran the widget on a given domain, without a plain IP address, so we can tell which sites actually use it.

Metronome