album player component for Framer that allows users to play, pause, and navigate through a playlist of songs
Make it with Workshop
Build your own component with AI
The Album Player is a fully functional music album player component for Framer that allows users to play, pause, and navigate through a playlist of songs. It features a sleek interface with album artwork, progress bar, playback controls, and a queue list of upcoming songs. All fully customizable.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Copy paste the component to your file
Configure your track list by uploading MP3 files and filling in the song details in the Property Controls panel
Customize the appearance by adjusting the Property Controls to match your design needs
Publish & preview
In the Property Controls, you'll need to configure:
Playlist: Add songs with title, artist, cover art, and audio URL
Layout: Choose between vertical or horizontal orientation
Colors: Customize the player's color scheme
Typography: Set font styles for different text elements
Spacing: Adjust gaps between elements
Padding: Configure container and element padding
Borders: Set border radius for various elementsSupport
For any queries and help setting up the component, contact hello@segmentui.com