Back

code component

code component

updated — july 8

updated — july 8

Cover
Move feat. Malachiii
Adam Port, Stryv, Keinemusik
0:00
Cover
SOSO
Omah Lay (JOSEPH Afro House Remix)
0:00

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.

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.

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com