react-spring-carousel

A performant React carousel component powered by react-spring and @use-gesture.

Install

// npm v7.x
npm install --save react-spring-carousel

// npm v6.x or less
npm install --save react-spring react-spring-carousel

yarn add react-spring react-spring-carousel

Usage

import { useSpringCarousel } from 'react-spring-carousel'

const { carouselFragment, slideToPrevItem, slideToNextItem } = useSpringCarousel({
  items: [
    {
      id: 'item-1',
      renderItem: 

Item 1

,
    },
    {
      id: 'item-2',
      renderItem: 

Item 2

,
    },
  ],
})

return (



    <button onClick={slideToPrevItem}>Prev item</button>


{carouselFragment}


    <button onClick={slideToNextItem}>Next item</button>



)

Official documentation

For a complete overview of the library, please visit the official documentation.

Visit here