---
title: "Music Pill — Framer component · Best of Framer"
description: "$2.00 · Framer component · by VMake Studios · Players. A sleek, minimal music player"
canonical: "https://framer.elliotli.dev/component/musicpill"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Music Pill

# Music Pill

A sleek, minimal music player

[View on Framer](https://framer.com/marketplace/components/musicpill/?via=elliot-li)

![Music Pill preview image 1](https://framer.elliotli.dev/og/component/musicpill/243cf276d69fed3b/1600x1200.jpg)

## Summary

A sleek, minimal music player

## Description

## Features

1.  **Pill-Shaped Layout**
    
    -   Left: Circular album art with animated progress ring.
        
    -   Right: Track info (song + artist) and control buttons.
        
2.  **Progress Ring with extraWidth**
    
    -   Circular playback indicator wraps around the album art.
        
    -   Adjustable thickness using the extraWidth property.
        
3.  **Playlist Support**
    
    -   Upload an array of music files.
        
    -   Skip forward/backward between tracks.
        
4.  **Playback Controls**
    
    -   Play/Pause, Next, Previous buttons.
        
    -   Smooth transitions and button animations.
        
5.  **Track Info Display**
    
    -   Shows current song name and artist.
        
    -   Optional display of elapsed and total time.
        
6.  **Customization Options**
    
    -   Change pill background color, icons, and progress bar style.
        
    -   Swap album art dynamically per track.
        

## Rank history [How rankings work →](/terms#rankings)

-   All · #2761

## Details

- **Author**: VMake Studios
- **Price**: $2.00
- **Published**: 2025-10-08
- **Updated**: 2026-06-25
- **Added**: 2025-10-02
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.