Animated Now Playing Components

Dev Design Library indexes 7 Animated now playing components from 7 open-source UI libraries, with the most coming from GreatUI, Spell UI, Animations (Svelte), Componentry and Vengeance UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the now playing components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. 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
• Music PlayerComponentry · ReactA fun interactive vinyl record music player with swinging tonearm.
• Spell Spotify CardAnimations (Svelte) · Svelte
• 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 Animated now playing components

• GreatUI
• Spell UI
• Animations (Svelte)
• Componentry
• Vengeance UI

Related categories

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