We're live on Product Hunt today. There's a 50% off code for everything on the launch page, and an upvote takes five seconds.Upvote us

Cover Flow

Pro

A 3D Cover Flow album carousel where side cards swing into the center and a mini player below follows the track.

carouselcss 3d3dcover flowmusicplayerkeyboardcards

Cover Flow component preview

Props

Prop	Type	Default	Description
`tracks`	CoverFlowTrack[]	Six Wensity cover-art plates	Album cards in the flow. Each needs id, artist, title, and image.
`activeIndex`	number	-	Controlled index of the centered card.
`defaultActiveIndex`	number	2	Uncontrolled initial centered card.
`onActiveChange`	(index: number, track: CoverFlowTrack) => void	-	Fires whenever the centered track changes.
`playing`	boolean	-	Controlled playback flag for the mini player.
`defaultPlaying`	boolean	true	Uncontrolled initial playback. The waveform and progress run while playing.
`onPlayingChange`	(playing: boolean) => void	-	Fires whenever play or pause toggles.
`cardWidth`	number	248	Card width in pixels.
`cardHeight`	number	318	Card height in pixels.
`perspective`	number	900	CSS perspective distance in pixels, floored at 400. Lower is a wider lens.
`hidePlayer`	boolean	false	Hide the glass playback bar under the carousel.
`onMutedChange`	(muted: boolean) => void	-	Fires when the mute button toggles. The bar is UI only: mute your own audio here.
`onMore`	() => void	-	Handler for the overflow button. Disabled until you pass one.
`onCast`	() => void	-	Handler for the cast button. Disabled until you pass one.
`onEqualizer`	() => void	-	Handler for the equalizer button. Disabled until you pass one.
`label`	string	"Cover Flow player"	Accessible name for the carousel region.