Carousels

Cover Flow

Free

A 3D coverflow carousel with spring physics. Navigate by drag, scroll wheel, or keyboard, with optional reflection and audio feedback.

All components

Installation

FreeNo license required.

npx shadcn add https://planes.ashishgogula.in/r/cover-flow.json

<CoverFlow
  items={[
    { id: 1, image: "/cover1.webp", title: "Album One", subtitle: "Artist" },
    { id: 2, image: "/cover2.webp", title: "Album Two", subtitle: "Artist" },
    { id: 3, image: "/cover3.webp", title: "Album Three", subtitle: "Artist" },
  ]}
  itemWidth={320}
  itemHeight={320}
  enableReflection
  enableAudio
/>

Use cases

Music library
Browse album art with a tactile 3D flip — classic iTunes-style navigation for a music or podcast app.
Product gallery
Showcase product variants or catalogue items with depth and drama that flat carousels can't match.
Portfolio showcase
Present case studies or project covers in a way that invites exploration rather than passive scrolling.
Media catalogue
Game, film, or book cover browsers where the 3D perspective communicates hierarchy at a glance.