AnyCarousel — The Most Flexible Carousel for React

A highly customizable, smooth, and responsive carousel library designed to fit any use-case — from simple sliders to advanced UX animations.

Try In PlaygroundInstall
GitHubNPM
image
image
image
image
x1
y1
x2
y2
cubic-bezier(0.79, 0.25, 0.5, 1)
tsx
<Carousel
    iconOptions={{
        icon: <ChevronIcon color="white" />,
        iconStyles: {
            backgroundColor: "black",
            color: "white",
        },
    }}
    scrollOffset={600}
    scrollEasing={`cubic-bezier(0.79, 0.25, 0.5, 1)`}
    scrollSnapType='center'
    duration={650}
>
    {largeImageList.map((item, i) => (
        <PlaygroundImageComponent key={i} imageUrl={item.imageUrl} />
    ))}
</Carousel>

Features

Here are some of the features that make AnyCarousel the best carousel library for React.

icon

Highly Customizable

Control animations, curves, layouts, transitions, and more.

icon

Easy to Integrate

Install, configure, and drop into your app with minimal setup.

icon

Fast & Lightweight

Built for performance — optimized rendering and motion.

Installation

npm

npm install react-any-carousel

yarn

yarn add react-any-carousel

pnpm

pnpm add react-any-carousel