Mini Player Components

Dev Design Library indexes 7 mini player components from 7 open-source UI libraries, with the most coming from uselayouts, Rare UI, Sona UI, Spell UI and OpenSourceUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Mini player components belong to the Overlays group.

• Step PlayerRare UI · ReactAn iOS-style stepped progress track with a play, pause and replay control. The active step stretches into a bar that…
• Spotify CardSpell UI · ReactDisplay Spotify tracks with album art and blurred background.
• Now Playing BarOpenSourceUI · React
• Corner Videouselayouts · ReactA compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video…
• Spell Spotify CardAnimations (Svelte) · Svelte
• Floating ViewerSona UI · ReactAn in-page media surface that automatically or manually detaches, stays within viewport bounds, snaps to a corner, and…
• Glass PlayerOpaline · ReactNow-playing widget with scrubber, transport controls and volume.

Libraries with mini player components

• uselayouts
• Rare UI
• Sona UI
• Spell UI
• OpenSourceUI

Related categories

• React Mini Player Components
• Animated Mini Player Components
• Overlay Components
• Modal Components
• Popover Components
• Tooltip Components
• Toast Components
• Drawer Components
• Hover Card Components
• Alert Dialog Components
• Bottom Sheet Components
• Dynamic Island Components
• Tour Components
• Lightbox Components
• Cookie Banner Components