react-carouselize alternatives and similar libraries
Based on the "Carousel" category.
Alternatively, view react-carouselize alternatives based on common mentions on social networks and blogs.
-
Swiper
Most modern mobile touch slider with hardware accelerated transitions -
lightGallery
A customizable, modular, responsive, lightbox gallery plugin. -
keen-slider
The HTML touch slider carousel with the most native feeling you will get. -
react-responsive-carousel
React.js Responsive Carousel (with Swipe) -
react-awesome-slider
React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. ๐ฅ๏ธ ๐ฑ -
react-id-swiper
A library to use idangerous Swiper as a ReactJs component which allows Swiper's modules custom build -
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. -
react-multi-carousel ๐
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb. -
react-image-magnify
A responsive image zoom component designed for shopping sites. -
react-simply-carousel
A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable
Appwrite - The Open Source Firebase alternative introduces iOS support
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of react-carouselize or a related project?
README
React-Carouselize
The simplest carousel component you can find in the React ecosystem.
Getting Started
Install the package with
yarn add react-carouselize
ornpm install --save react-carouselize
Import the component
import Carouselize from 'react-carouselize';
Wrap whatever you want to be a carousel
<Carouselize> .... </Carouselize>
Properties
Name | Type | Default value | Required | Description |
---|---|---|---|---|
duration | number |
5000 |
no | Animation duration in milliseconds |
animation | string |
v-scroll |
no | One of v-scroll (vertical scroll), h-scroll (horizontal scroll) or fade |
navigation | string |
left |
no | Position of bullets, between top , right , bottom , left |
enableNavigation | boolean |
true |
no | Enable/disable click on bullets |
enableKeys | boolean |
true |
no | Enable/disable scrolling with left or right keys |
Contibuting
Check the related file CONTRIBUTING