19 React Carousels

About a code

Horizontal Card Carousel in React Native

A card carousel allows you to display data in a horizontal swipe view, in the form of cards. Each card has a specific snap position that the user may scroll to, instead of having a free scrolling. This should give a better experience in case the user has to choose between different categories for example.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Native Headphones Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

3D Cover Flow in React!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Carousel

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Grid Carousel

React responsive carousel component with grid layout to easily create a carousel like photo gallery, shopping product card or anything you want.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Alice Carousel

React responsive component for building content galleries, content rotators and any React carousels.

About a code

React Carousel Version 2

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

About a code

React Material UI Carousel

A generic, extendible carousel UI component for React using Material UI. It switches between given children using a smooth animation. Provides next and previous buttons. Also provides interactible bullet indicators.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: material-ui/core, material-ui/icons

About a code

React Slider With Hover Effect

A slider/carousel built with React. The x and y coordinates of the current slide are set to CSS variables to create dynamic transition effects on mouseover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: react-transition-group.js

About a code

React Carousel Slides

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Native Anchor Carousel

A simple swipeable carousel for React Native which anchor two side of list.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code

React Native Looped Carousel

Looped carousel for React Native.

About a code

React Carousel

There are some great carousels (like slick) that do not have real React implementations. This library provides you with carousel that is not merely a wrapper for some jQuery solution, can be used as controlled or uncontrolled element (similar to inputs), and has tons of useful features.

About a code

Flicking

Reliable, flexible and extendable carousel used by 30 million people everyday.

About a code

Pure React Carousel

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.

About a code

React Carousel

React carousel - custom version.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: foundation-icons.css, react-with-addons.js

About a code

Carousel (React)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: foundation-icons.css, react-with-addons.js

About a code

React Native Snap Carousel

Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. Compatible with Android & iOS.

About a code

React Native Carousel Control

React Native Carousel control with support for iOS and Android.

About a code

React View Pager

Slider/Carousel powered by React Motion.