Spotify Now Playing

Animated Spotify now-playing card with album art and progress bar

Spotify Now Playing

Animated Spotify now-playing card with album art and progress bar

social overlay spotify

Install

Terminal

npx hyperframes add spotify-card

Details

Property	Value
Type	Block
Dimensions	1080×1920
Duration	5s

Files

File	Target	Type
spotify-card.html	compositions/spotify-card.html	hyperframes:composition

Usage

After installing, add the block to your host composition:

<div data-composition-id="spotify-card" data-composition-src="compositions/spotify-card.html" data-start="0" data-duration="5" data-track-index="1" data-width="1080" data-height="1920"></div>