About BG Sound or Music
→ Preview
→ Remix
Add background music or sound to your Framer site without dealing with custom audio setup.
Background Music & Sound Control gives you the audio functionality while letting you keep full control over the design. Use your own Framer component, variants, icons, animations, or button styles for the On and Off states.
Upload your audio file, adjust the volume, enable looping, and connect the toggle to your existing Framer interactions.
The component also remembers the playback position when the sound is paused, so it can continue from where it stopped instead of starting from the beginning every time.
Features
Play and pause background music or sound
Upload your own audio file
Volume control
Optional looping
Remembers playback position
Works with your own On / Off variants
Connect using the On Toggle event
No fixed visual style (Fully customizable visually on your style)
Lightweight and easy to set up
How to use
Add the component to your project, choose your audio file, set the volume and loop settings, then connect it to your own visual component using Framer variants.
The audio logic stays inside the component, while the visible design stays completely yours.
About autoplay
The component includes an Auto Play option, but modern browsers may block websites from automatically playing sound before the visitor interacts with the page.
For the most reliable experience, use a clear sound or music toggle and let the visitor turn it on.
Support
If you run into any issues, find a bug, or need help setting it up, feel free to reach out.
X: @madebyakiio
Email: aakifahamed277@gmailcom
Save on Framer
Need a paid Framer plan for your next site? You can try these promo codes at checkout:
Framer Basic - 25% Off Use code: FRAMER25INFLUENCER
Framer Pro - 25% Off Use code: PARTNER25PROYEARLY
Both offers are for yearly plans.
Tags: background music, background sound, sound, audio, music, sound toggle, audio toggle, music toggle, sound control, Framer audio