Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 JavaScript Carousel Projects
-
Project mention: What do you all use for your sliders? Do you build them from scratch or use some kind of plugin? | reddit.com/r/webdev | 2023-03-14
swiperjs.com is my go to.
-
No, we have a bug in slick slider, This issue is quite common and no solution yet. https://github.com/akiran/react-slick/issues/540
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
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.
-
Glide.js
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more (by glidejs)
-
Project mention: react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside) | reddit.com/r/sveltejs | 2023-01-13
A friend and I wanted to give Svelte a try and write a new website for a project in Svelte. We needed an image viewer with good mobile swipe support and found the existing options not good enough. But there was this react image gallery with half a million downloads a month and all the features we needed!
-
teaset
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
-
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. 🖥️ 📱
Let’s start without wasting much time, 4 steps to add a slider as shown in the image to your react project. I will be using the react-awesome-slider package.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
react-images
🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
-
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-id-swiper
A library to use idangerous Swiper as a ReactJs component which allows Swiper's modules custom build
-
-
-
react-gallery-carousel
Carousel 🎠 component supporting touch, mouse emulation, fullscreen, thumbnails, lazy loading, server side rendering, RTL, keyboard navigation and customisations.
-
svelte-carousel
The awesome carousel component for Svelte 3 :arrow_left: :art: :arrow_right: (by vadimkorr)
For svelte users there is a great Carousel component called svelte-carousel, but this component seems to not work on Sveltekit as stated in this open issue.
-
swiffy-slider
Super fast carousel and slider with touch for optimized websites running in modern browsers.
-
-
bs5-lightbox
A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
Project mention: How 2 Quickly Create a Lightbox Photo Gallery in Your Bootstrap 5 Site | dev.to | 2022-05-09Here's what I found that works like a charm. BS5-Lightbox is written by Travis A. Wagner, and solves the lightbox Bootstrap riddle very succinctly.
-
react-instagram-zoom-slider
🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram
-
-
-
Project mention: Show HN: Sliderm – A Dependency-Free JavaScript Slider | news.ycombinator.com | 2022-11-09
You can take a look at its GitHub repo here: https://github.com/terrylinooo/sliderm.js
-
FuturaJS
A small JavaScript library for common tasks such as Carousel, Exception, Animation handler and more...
git clone https://github.com/BlakvGhost/FuturaJS.git
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
JavaScript Carousel related posts
- What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
- A media carousel with storage-hosted images and preloading
- Need help with intersection observor
- Any idea on how to create this carousel?
- looking for an image viewing package
- React Carousel Component "with Batteries Included"
- react2svelte/image-gallery: Svelte carousel image gallery component with thumbnail and mobile swipe support, ported from react-image-gallery (demo linked inside)
-
A note from our sponsor - Sonar
www.sonarsource.com | 23 Mar 2023
Index
What are some of the best open-source Carousel projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Swiper | 34,533 |
2 | react-slick | 10,893 |
3 | react-native-snap-carousel | 9,846 |
4 | Glide.js | 6,796 |
5 | react-image-gallery | 3,350 |
6 | teaset | 2,894 |
7 | react-awesome-slider | 2,646 |
8 | react-images | 2,341 |
9 | pure-react-carousel | 1,521 |
10 | react-id-swiper | 1,456 |
11 | react-image-magnify | 558 |
12 | accessible-slick | 207 |
13 | react-gallery-carousel | 196 |
14 | svelte-carousel | 189 |
15 | swiffy-slider | 169 |
16 | react-native-imaged-carousel-card | 100 |
17 | bs5-lightbox | 75 |
18 | react-instagram-zoom-slider | 69 |
19 | react-native-viewpager-carousel | 39 |
20 | react-pretty-carousel | 8 |
21 | sliderm.js | 6 |
22 | FuturaJS | 3 |
23 | carouse | 1 |