Collection of free React carousel code examples: responsive, horizontal and vertical.

12 React Carousels

Collection of free React carousel code examples: responsive, horizontal and vertical.

Related Articles

  1. CSS Carousels
  2. JavaScript Carousels
  3. jQuery Carousels
  4. Vue Carousels

Demo image: React Alice Carousel

Author

  • maxmarinich

About a code

React Alice Carousel

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

Author

  • librarylai

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Carousel Version 2

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, react.js, react-dom.js

Author

  • Ryan Mulligan

Made with

  • HTML (Pug) / CSS (SCSS) / JS (Babel)

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.js, react-dom.js, react-transition-group.js

Author

  • Ryan Santos

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

React Carousel Slides

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

Responsive: yes

Dependencies: react.js, react-dom.js

Demo image: React Native Looped Carousel

Author

  • Phil Rukin

About a code

React Native Looped Carousel

Looped carousel for React Native.

Demo image: React Carousel

Author

  • Brainhub

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.

Author

  • NAVER

About a code

Flicking

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

Demo image: Pure React Carousel

Author

  • Express Labs

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.

Author

  • Fernando Gomes

Made with

  • HTML / CSS (SCSS) / JS (Babel)

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, react-dom.js

Author

  • Andy Pag├Ęs

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Carousel (React)

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

Responsive: no

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

Demo image: React Native Snap Carousel

Author

  • Archriss

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.

Demo image: React Native Carousel Control

Author

  • Gustavo Machado

About a code

React Native Carousel Control

React Native Carousel control with support for iOS and Android.

Author

  • Travis Arnold

About a code

React View Pager

Slider/Carousel powered by React Motion.

back to top