Click sound widget

Give every click on your website a soft sound and a ripple, with one line of code. Pick a sound and a colour, try it in the box, then copy the snippet into your page.

Everything runs in your browser. Nothing you type, click, film or say is uploaded or saved.

How to add it

Pick a sound, a ripple colour and a size, and click in the box to try it.
Press Copy and paste the snippet into your page, just before </body>.
That’s it: every click and tap on the page plays the sound and draws a ripple.

Good to know

It’s one small script, loaded from clacky.app. No cookies, no tracking, nothing is collected.
Browsers only allow sound after someone clicks or taps, which is exactly when it plays.
People who turned on “Reduce motion” get no ripple, and sounds play quietly by default.
A small “Clicks by Clacky” link sits in a corner. That’s what keeps the widget free, so please leave it there.

Where it fits

Portfolios, playful landing pages, games, kids’ sites, demos. Probably not your bank’s checkout page.

Questions

How do I add click sounds to my website?

Pick a sound here, copy the one-line snippet and paste it into your page before </body>. Every click then plays the sound and shows a ripple.

Does it work with Webflow, Framer, WordPress or Squarespace?

Yes, anywhere you can add custom code to the page: paste the snippet into the site’s custom code or footer code setting.

Does the widget track my visitors?

No. It sets no cookies and sends nothing anywhere. Your visitors’ browsers only download the script file.

Can I remove the “Clicks by Clacky” link?

The link is what keeps the widget free, so please keep it. If it clashes with your design, tell us at hello@clacky.app.