Now Playing Components

Dev Design Library indexes 10 now playing components from 10 open-source UI libraries, with the most coming from ObsidianUI, GreatUI, Spell UI, OpenSourceUI and Animations (Svelte). Each one links to its page with the source code, a live preview where available, the library license and the install command. Now playing components belong to the Widgets group.

• Spotify CardSpell UI · ReactDisplay Spotify tracks with album art and blurred background.
• Music PlayerVengeance UI · ReactCollapsible glass music player with equalizer and seekable progress
• Now Playing BarOpenSourceUI · React
• Music PlayerComponentry · ReactA fun interactive vinyl record music player with swinging tonearm.
• Spell Spotify CardAnimations (Svelte) · Svelte
• Now PlayingSwiftPieces · SwiftUIA mini player that grows into the full player in one liquid glass motion, with scrubbing, skips and a drag to fold it…
• Skeumorphic Music CardObsidianUI · React
• Vinyl Album CardGreatUI · React
• Now PlayingUI Lab · ReactA listening-to pill whose record slides out from behind the cover and spins while it plays.
• Glass PlayerOpaline · ReactNow-playing widget with scrubber, transport controls and volume.

Libraries with now playing components

• ObsidianUI
• GreatUI
• Spell UI
• OpenSourceUI
• Animations (Svelte)

Related categories

• React Now Playing Components
• Tailwind CSS Now Playing Components
• Animated Now Playing Components
• Widget Components
• Physics Toy Components
• Game Components
• Todo List Components
• Timer Components
• Drawing Canvas Components
• Payment Card Components
• GitHub Widget Components
• Social Proof Widget Components
• Clock Components
• Balance Card Components