react-responsive-carousel
React.js Responsive Carousel (with Swipe) (by leandrowd)
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. (by express-labs)
Our great sponsors
| react-responsive-carousel | pure-react-carousel | |
|---|---|---|
| 8 | 2 | |
| 2,618 | 1,658 | |
| - | 0.4% | |
| 0.0 | 5.8 | |
| 4 months ago | 4 months ago | |
| TypeScript | JavaScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-responsive-carousel
Posts with mentions or reviews of react-responsive-carousel.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-02.
-
Optimize your React’s Carousel with MediaLoader
Let me show you what I mean - I’m using the react-responsive-carousel as my React carousel component and I'm adding six images to it. Here's the code for that:
-
React Carousel that allows for variable height and vertically scrollable content
1 - React Alice Carousel : https://github.com/maxmarinich/react-alice-carousel 2 - React Slick : https://react-slick.neostack.com/ 3 - React Responsive Carousel : https://www.npmjs.com/package/react-responsive-carousel
-
Help with making a carousel in reactjs
And the last step is of course to render the children at the current index. This is a very simple carousel that you could make but if you want a more advanced carousel, you could either use an npm package like react-responsive-carousel or read the source code of these packages and try to make one yourself. I would say that making one yourself will be a really good exercise for your react skills.
-
As a solo front-end developer, how do I deal with imposter syndrome and bring my boss back down to reality?
Ha, just did this recently and used this one https://www.npmjs.com/package/react-responsive-carousel. Made some local changes to override colors and threw in some new buttons. But yeah no one has time to make custom carousel components.
-
Need help finding a good react carousel
I liked react-responsive-carousel. Had pretty much everything i needed and could configure exactly what i wanted. https://www.npmjs.com/package/react-responsive-carousel
- Div slider or carousel
-
Accesible Carousel - RTL in a web platform (5/6)
The open source package I've personally been using most for carousels is react-responsive-carousel. There might be better alternatives out there, but this one as served me well with a nice API and good documentation as well.
-
Struggling with Carousel
Take a look at this package https://www.npmjs.com/package/react-responsive-carousel
pure-react-carousel
Posts with mentions or reviews of pure-react-carousel.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-07-02.
-
5 Underrated React Libraries ⚛️
4. Pure React Carousel A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles. Homepage GitHub Usage:- Add the module to your project. npm i -S pure-react-carousel Import only the required components into your project. import React from 'react'; import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel';
-
Any SSR-friendly React Carousel for Gatsby?
I've been using this: https://github.com/express-labs/pure-react-carousel#readme
What are some alternatives?
When comparing react-responsive-carousel and pure-react-carousel you can also consider the following projects:
react-slick - React carousel component
react-fast-marquee - A lightweight React component that harnesses the power of CSS animations to create silky smooth marquees.
react-image-magnify - A responsive image zoom component designed for shopping sites.
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-multi-carousel - A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
react-id-swiper - A library to use idangerous Swiper as a ReactJs component which allows Swiper's modules custom build
Swiper - Most modern mobile touch slider with hardware accelerated transitions
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
gatsby-plugin-breakpoints - Gatsby plugin providing breakpoints using React Hooks
react-responsive-carousel vs react-slick
pure-react-carousel vs react-slick
react-responsive-carousel vs react-fast-marquee
pure-react-carousel vs react-image-magnify
react-responsive-carousel vs react-awesome-slider
pure-react-carousel vs react-multi-carousel
react-responsive-carousel vs react-image-magnify
pure-react-carousel vs react-awesome-slider
react-responsive-carousel vs react-id-swiper
pure-react-carousel vs Swiper
react-responsive-carousel vs lightGallery
pure-react-carousel vs gatsby-plugin-breakpoints