An interactive button that plays your chosen audio on click and replays it whenever the mouse leaves and hovers back on. A fun way to add sound feedback to your prototype.
Make it with Workshop
Build your own component with AI
The Audio Button is a playful yet functional component that lets you easily add sound feedback to your design. On click, it plays an audio file of your choice (MP3, WAV, etc.), and each time the user hovers off and then back on, the sound will replay automatically on click. This creates a dynamic and engaging interaction, perfect for making buttons feel more alive.
Plays any custom audio on click
Replays audio when mouse leaves and re-enters
Fully responsive and easy to restyle
Works seamlessly across desktop and mobile
Simple setup for changing the audio file and button design
Add playful sound effects to call-to-action buttons
Create audio feedback for notifications or alerts
Enhance gamified interfaces with sound interactions
Build prototypes with voice or music previews
๐ก Have an idea for a component?Send me an email at didaserafim90@gmail.com and maybe we can build it together.