Featured

Album Cover

Vinyl sleeve player with tactile lift, spin, and transport motion.

All components

Midnight Sakura

Late Night Jazz

Installation

Coming soon. Components will be available via the registry once checkout goes live.

Usage

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

Props

Prop	Type	Default	Description
coverSrc*	string	—	Square album artwork. WebP or AVIF recommended.
title*	string	—	Track or album title shown above the transport.
subtitle	string	—	Artist, album, or any secondary line.
audioSrc	string	—	Optional audio file. When present, transport controls drive playback; otherwise they animate visually only.
size	number	260	Square size of the cover in px. Vinyl scales accordingly.
theme	"light" \| "dark"	—	Force a theme. Falls back to the app's color scheme when omitted.
className	string	—	Classes merged onto the player wrapper.

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.