5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T98e,

Unlock entire Depth library for $149. One price. Lifetime.

--------------------------------------------------------

Add subtle audio feedback to your whole site. Sound Interaction Toggle plays a soft sound on clicks and hovers across the page, with a floating mute button visitors control — the kind of detail that makes interfaces feel crafted.

Five built-in sound presets are synthesized in the browser, or upload your own audio files for a fully custom feel.

How to use

Drop the component anywhere on the page and pick a Preset: Soft, Digital, Retro, Pop, Minimal, or Custom with your own click and hover sound files. Set the Volume and choose whether feedback applies to clickable elements only or the entire page.

Then style the toggle: choose the Icon or Pill variant, pick an icon — speaker, music, bell, waveform, power, or custom images for on and off — and set labels, size, colors, radius, border, shadow, and hover scale. Visitors can start muted, and their sound choice is remembered between visits.

Features

Site-wide click and hover sound feedback
Five synthesized presets plus custom audio files
Click and hover sounds can be toggled separately
Feedback on clickable elements only or the whole page
Volume control
Icon or pill toggle variants
Six icon options including custom on/off images
Custom labels, colors, size, radius, border, and shadow
Start muted option
Remembers the visitor's sound preference
Touch support on mobile
Works from any spot on the page
Responsive across desktop, tablet, and mobile
No setup or coding required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com

5a:[["$","$L5d",null,{"post":{"id":"019f9a8e-4e93-77ec-970f-5ad16f90f18b","title":null,"body":"

Sound Interaction - Add subtle audio feedback

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sound Interaction - Add subtle audio feedback","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Z8jQdroEJpz3urxgBF15","resolved":true,"title":"Sound Interaction","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlock entire Depth library for $149. One price. Lifetime.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Depth","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://depth.website/#all-access","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"--------------------------------------------------------","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add subtle audio feedback to your whole site. Sound Interaction Toggle plays a soft sound on clicks and hovers across the page, with a floating mute button visitors control — the kind of detail that makes interfaces feel crafted."}]},{"type":"paragraph","content":[{"type":"text","text":"Five built-in sound presets are synthesized in the browser, or upload your own audio files for a fully custom feel."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component anywhere on the page and pick a Preset: Soft, Digital, Retro, Pop, Minimal, or Custom with your own click and hover sound files. Set the Volume and choose whether feedback applies to clickable elements only or the entire page."}]},{"type":"paragraph","content":[{"type":"text","text":"Then style the toggle: choose the Icon or Pill variant, pick an icon — speaker, music, bell, waveform, power, or custom images for on and off — and set labels, size, colors, radius, border, shadow, and hover scale. Visitors can start muted, and their sound choice is remembered between visits."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Site-wide click and hover sound feedback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five synthesized presets plus custom audio files"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click and hover sounds can be toggled separately"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feedback on clickable elements only or the whole page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Volume control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon or pill toggle variants"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six icon options including custom on/off images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom labels, colors, size, radius, border, and shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Start muted option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remembers the visitor's sound preference"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch support on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works from any spot on the page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No setup or coding required"},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sound-interaction.framer.website/","target":"_blank"}}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"hi@alicorak.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hi@alicorak.com","target":"_blank"}}]}]}]},"introduction":"Add subtle audio feedback","slug":"sound-interaction","author":{"framerUserId":"736076d3-7588-45c2-bf2a-7a4549309ec8","name":"Ali Çorak","slug":"ali-corak","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/736076d3-7588-45c2-bf2a-7a4549309ec8/019f9a8d-885b-719e-8410-25d68451ce38.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1732,"height":1298}}],"post":null,"createdAt":"2026-07-25T18:34:04.892Z","updatedAt":"2026-08-16T19:49:39.487Z","publishedAt":"2026-07-25T18:34:04.874Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sound-interaction.framer.website/","price":"5","paymentUrl":"https://alicorak.lemonsqueezy.com/checkout/buy/71daccd1-bad8-4eff-9d22-35353e5c479e","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"Gnk2n3u8GQcuqdhVbbwc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-25T18:34:05.331Z","updatedAt":"2026-07-25T18:34:05.331Z","reported":false}}],"$L5f"]

Suggested for you