---
title: "Sound on Click — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Players. About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO."
canonical: "https://framer.elliotli.dev/component/sound-on-click"
---

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

# Sound on Click

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

![Sound on Click preview image 1](https://framer.elliotli.dev/og/component/sound-on-click/eedd38871c230340/1600x1200.jpg)

## Summary

About This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO.

## Description

## About

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

-   Copy and paste the Audio Trigger component into your Framer project
    
-   Select the Audio Trigger component on your canvas
    
-   Connect your clickable content (button, frame, etc.) to the "Content" property in the right panel
    
-   Choose a sound preset from the "Preset" dropdown (Click, Keyboard, Remote, Sand, Doorbell, or Door Lock)
    
-   If you want custom audio, select "Custom" from the preset dropdown and paste your audio file URL into the "Custom Audio URL" field
    
-   Customize the appearance and layout of your connected content as needed
    

## How It Works

The component works as a wrapper around any element you want to make clickable with sound. You simply connect any content (like a button or card) to the "Content" property, then choose from six built-in sound presets or select "Custom" to use your own audio URL. When a user clicks the wrapped content, the sound plays instantly.

## What You Get

When you purchase this component, you'll receive:

-   **The Component Itself** - Full access to the component all future updates
    
-   **Remix File with Component Setup** - A complete Remix file with the component pre-configured and ready to integrate into your project.
    
-   **Setup Instructions** - Clear, step-by-step instructions to help you implement the component quickly and correctly.
    
-   **Dedicated Support** - Direct access to our team for assistance if you encounter any issues during setup or implementation.
    

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

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

-   All · #10040

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-10-09
- **Updated**: 2025-10-09
- **Added**: 2025-10-02
- **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.