Get everything for $99, lifetime

Components

Apple Music Card

Pro
Recently PlayedMidnight SakuraLate Night Jazz

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/apple-music-card

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

import { AppleMusicCard } from "@/components/ui/AppleMusicCard";

<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.