Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA cover-flow shelf where the centred cover faces you and the covers beside it turn away in 3D, flat with reduced motion.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it to browse a small shelf of covers, posters or products where depth makes the centre one feel chosen: music, film, books.
Do not use it for text-heavy slides, where the turn makes reading harder, or for large sets.
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
CarouselCoverflow | items | CarouselItem[] | required | { id, label, content }. |
CarouselCoverflow | label | string | required | Accessible name of the carousel. |
CarouselCoverflow | angle | number | 50 | Rotation of the covers beside the centre, in degrees. |
CarouselCoverflow | onIndexChange | (index) => void | - | Called with the snap index when the selection changes. |
CarouselCoverflow | setApi | (api) => void | - | Receives the Embla API, for controls placed outside the carousel. |
The component ships with a Testing Library test (carousel-coverflow.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes in tests.