Get everything for $99, lifetime

Components

Album Cover

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/album-cover

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.

I have a licenseGet Pro
import { AlbumCover } from "@/components/ui/AlbumCover";

<AlbumCover
  title="Midnight Sakura"
  subtitle="Late Night Jazz"
  coverSrc="/covers/midnight.webp"
  audioSrc="/audio/midnight.mp3"
  size={300}
/>

Use cases

  • Music & podcast products

    Now-playing widget on a streaming service or a podcast episode page.

  • Portfolio audio embed

    Composer or sound designer site where each track gets a dedicated tactile player.

  • Marketing release pages

    Album / single launch landing pages with a single hero cover and preview clip.

  • Audiobook / chapter preview

    Sample a chapter on a book detail page with cover art that doubles as the player.