Labs

Components

Featured

Album Cover

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

All components
Midnight Sakura

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

PropTypeDefaultDescription
coverSrc*stringSquare album artwork. WebP or AVIF recommended.
title*stringTrack or album title shown above the transport.
subtitlestringArtist, album, or any secondary line.
audioSrcstringOptional audio file. When present, transport controls drive playback; otherwise they animate visually only.
sizenumber260Square 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.
classNamestringClasses 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.