Skip to example

Carousel: Coverflow

An example of creating a coverflow-style carousel with 3D rotation using the Motion+ Carousel component for React.

This coverflow carousel rotates the items at each side of the centre in 3D. It uses the Motion+ Carousel component, and useTickerItem gives each item its offset from the centre. useTransform maps that offset to rotateY, scale and x.

React

Source code