---
title: "Sound Interaction — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Players. Sound Interaction Toggle plays a soft sound on clicks and hovers across the page, with a floating mute button visitors control — the kind…"
canonical: "https://framer.elliotli.dev/component/sound-interaction"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Sound Interaction

# Sound Interaction

Add subtle audio feedback

[View on Framer](https://framer.com/marketplace/components/sound-interaction/?via=elliot-li)

![Sound Interaction preview image 1](https://framer.elliotli.dev/og/component/sound-interaction/30dd53d0db2d470d/1600x1199.jpg)

## Summary

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…

## Description

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

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

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[](https://sound-interaction.framer.website/)
    

**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](mailto:hi@alicorak.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #8946

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-25
- **Updated**: 2026-08-16
- **Added**: 2026-07-25
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.