About this Component
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
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
