25+ React Carousels - Free Code + Demos
Collection of 25+ React Carousels. All items are 100% free and open-source. The list also includes responsive react carousels, and horizontal.
1. React Alice Carousel
React responsive component for building content galleries, content rotators and any React carousels
Links: Github Page
Created on: February 20, 2017
2. React Carousel
Author: librarylai (librarylai)
Links: Source Code / Demo
Created on: November 1, 2019
Made with: HTML, SCSS, Babel
3. React Slider W/ 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. Tutorial available on Codrops
Author: Ryan Mulligan (hexagoncircle)
Links: Source Code / Demo, Tutorial
Created on: August 3, 2019
Made with: Pug, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Pug
4. React Carousel Slides
Author: Ryan Santos (ryasan86)
Links: Source Code / Demo
Created on: June 11, 2019
Made with: HTML, SCSS, Babel
5. React Native Looped Carousel
:carousel_horse: Looped carousel for React Native
Links: Github Page
Created on: April 2, 2015
6. React Carousel
A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)
Links: Github Page
Created on: January 2, 2018
7. Flicking
🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
Links: Github Page, Home Page
Created on: April 27, 2017
8. 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.
Links: Github Page, Home Page
Created on: May 15, 2017
9. React Carousel - Custom Version
Just trying out the CSSTransitionGroup add-on! And testing some stuff (= Original one: http://codepen.io/andyNroses/pen/KaENLb
Author: Fernando Gomes (fcgomes92)
Links: Source Code / Demo, Codepen.io
Created on: February 21, 2017
Made with: HTML, SCSS, Babel
Tags: react, carousel, css, animation, custom
10. Carousel React
Just trying out the CSSTransitionGroup add-on!
Author: Andy Pagès (andyNroses)
Links: Source Code / Demo
Created on: February 15, 2017
Made with: HTML, SCSS, Babel
Tags: react, carousel, css, transition, animation
11. 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.
Links: Github Page
Created on: October 11, 2016
12. React Native Carousel Control
React Native Carousel control with support for iOS and Android
Links: Github Page
Created on: February 22, 2016
13. React View Pager
Slider/Carousel powered by React Motion.
Links: Github Page
Created on: September 13, 2015
14. React Carousel
Simple picture carousel built in React.
Author: Maxime Preaux (deammer)
Links: Source Code / Demo
Created on: February 5, 2018
Made with: Pug, SCSS, Babel
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Pug
Tags: react, carousel, css
15. React.js - Slick Carousel
Author: Lloyd Sibson (lloydsibson)
Links: Source Code / Demo
Created on: May 21, 2019
Made with: HTML, CSS, Babel
16. Cities Slider (React)
Based on this amazing Dribbble shot by Nicholas - https://dribbble.com/shots/3774469-T-R-A-V-E-L-E-R
Author: Nikolay Talanov (suez)
Links: Source Code / Demo
Created on: September 5, 2017
Made with: HTML, SCSS, Babel
Tags: slider, reactjs, css-transition
17. React - Carousel
Responsive, dynamic carousel display built with React. Part of my React a Day challenge. Day 4.
Author: Thomas Herman (hermantnet)
Links: Source Code / Demo
Created on: September 22, 2016
Made with: HTML, SCSS, Babel
Tags: react, carousel, revolving display, component
18. React Image Slider
Author: Daniel Zuzevich (DZuz14)
Links: Source Code / Demo
Created on: October 5, 2018
Made with: HTML, CSS, Babel
19. Simple Carousel In React.js Tutorial
Code for Simple Carousel in React.js Tutorial on my blog: https://blog.alexdevero.com
Author: Alex Devero (alexdevero)
Links: Source Code / Demo
Created on: August 28, 2017
Made with: HTML, SCSS, Babel
Tags: carousel, react, reacjs, javascript, devero
20. React Slider
Author: Jitender (JSRATHORE)
Links: Source Code / Demo
Created on: May 31, 2017
Made with: HTML, SCSS, Babel
Tags: react, es6, slider
More Awesome Lists:
Share: