Music Pill
A sleek, minimal music player widget with a modern pill-shaped design. The component combines circular album art with a dynamic progress ring, track details, and intuitive playback
Made with Workshop
Build your own component with AI
Features
Pill-Shaped Layout
Left: Circular album art with animated progress ring.
Right: Track info (song + artist) and control buttons.
Progress Ring with extraWidth
Circular playback indicator wraps around the album art.
Adjustable thickness using the extraWidth property.
Playlist Support
Upload an array of music files.
Skip forward/backward between tracks.
Playback Controls
Play/Pause, Next, Previous buttons.
Smooth transitions and button animations.
Track Info Display
Shows current song name and artist.
Optional display of elapsed and total time.
Customization Options
Change pill background color, icons, and progress bar style.
Swap album art dynamically per track
