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.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-03-14.
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 |
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.
www.influxdata.com