back
code component
updated — july 8
![Cover](https://framerusercontent.com/images/e0JTIqyXMzX6FW4OzvVBwgWYA.jpg)
![Cover](https://framerusercontent.com/images/KZ84qIwEYORKdBcjJyqUPnLDKw.jpg)
Audio Player
new
This is an advanced and fully functional audio player component that allows you to upload any audio file like mp3, wav, etc. and fully customize the look to fit within your website. It has smart switch so if multiple players are present on the page, switching between them pauses the audio on the others. It also has volume control adjustments for the user and smooth animations. You can test them out above and see them in action.
code component
updated — july 8
![Cover](https://framerusercontent.com/images/e0JTIqyXMzX6FW4OzvVBwgWYA.jpg)
![Cover](https://framerusercontent.com/images/KZ84qIwEYORKdBcjJyqUPnLDKw.jpg)
Audio Player
new
This is an advanced and fully functional audio player component that allows you to upload any audio file like mp3, wav, etc. and fully customize the look to fit within your website. It has smart switch so if multiple players are present on the page, switching between them pauses the audio on the others. It also has volume control adjustments for the user and smooth animations. You can test them out above and see them in action.
code component
updated — july 8
![Cover](https://framerusercontent.com/images/e0JTIqyXMzX6FW4OzvVBwgWYA.jpg)
![Cover](https://framerusercontent.com/images/KZ84qIwEYORKdBcjJyqUPnLDKw.jpg)
Audio Player
new
This is an advanced and fully functional audio player component that allows you to upload any audio file like mp3, wav, etc. and fully customize the look to fit within your website. It has smart switch so if multiple players are present on the page, switching between them pauses the audio on the others. It also has volume control adjustments for the user and smooth animations. You can test them out above and see them in action.
Audio Player
This is an advanced and fully functional audio player component that allows you to upload any audio file like mp3, wav, etc. and fully customize the look to fit within your website. It has smart switch so if multiple players are present on the page, switching between them pauses the audio on the others. It also has volume control adjustments for the user and smooth animations. You can test them out on the left and see them in action.
Audio Player
This is an advanced and fully functional audio player component that allows you to upload any audio file like mp3, wav, etc. and fully customize the look to fit within your website. It has smart switch so if multiple players are present on the page, switching between them pauses the audio on the others. It also has volume control adjustments for the user and smooth animations. You can test them out on the left and see them in action.
Adjustable properties
Cover image
Cover & Player radius
Padding
Fill color
icons colors
Scrubber & volume slider colors
Loop
Initial volume
Adjustable properties
Cover image
Cover & Player radius
Padding
Fill color
icons colors
Scrubber & volume slider colors
Loop
Initial volume
Adjustable properties
Cover image
Cover & Player radius
Padding
Fill color
icons colors
Scrubber & volume slider colors
Loop
Initial volume
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
Follow us on x.com
Say hello: sales@eleveight.supply
Follow us on x.com
Say hello: sales@eleveight.supply
Follow us on x.com
Say hello: sales@eleveight.supply