Media

Apple Music Card

A now-playing card that resolves tracks straight from iTunes search URLs and plays their previews, shuffling through the list and auto-advancing between songs.

All components

Recently PlayedMidnight SakuraLate Night Jazz

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/apple-music-card

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<div className="h-44">
  <AppleMusicCard
    itunesUrls={[
      "https://itunes.apple.com/search?term=luther+kendrick+lamar+sza&entity=song&limit=1&country=US",
      "https://itunes.apple.com/search?term=sunflower+post+malone+swae+lee&entity=song&limit=1&country=US",
    ]}
  />
</div>

Use cases

Portfolio bento tile
A now-playing card fed by your real listening via iTunes search URLs.
Music discovery lists
Rotate through a curated set of tracks with playable previews.
Artist or release pages
Give visitors a one-tap preview of the featured song.
About pages
A personal touch — the songs you have on repeat, playing in random order.