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 Slider Projects
-
-
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)
I bet it's https://glidejs.com/
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
-
-
-
-
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
-
-
Have you tried react-slider or multi-range-slider-react?
-
-
-
react-gallery-carousel
Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1
-
swiffy-slider
Super fast carousel and slider with touch for optimized websites running in modern browsers.
-
-
react-instagram-zoom-slider
🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram
-
range-slider-input
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
-
toolcool-range-slider
Responsive range slider library written in typescript and using web component technologies. Pure JavaScript without additional dependencies. It has a rich set of settings, including any number of pointers (knobs), vertical and horizontal slider, touch, mousewheel and keyboard support, local and session storage, range dragging, and RTL support.
Project mention: How to Drag a Shape Along an SVG Ellipse Path: A Step-by-Step Guide | dev.to | 2023-06-05Also please take a look at Tool Cool Range Slider project. It is a responsive range slider library written in typescript and using web component technologies. It has a rich set of settings, including any number of pointers (knobs), vertical and horizontal slider, touch, mousewheel and keyboard support, local and session storage, range dragging, and RTL support.
-
drag
:surfer: A lightweight JavaScript "hold and drag" utility. Vanilla JS - No dependencies. (by mystroken)
Project mention: Create easily a smooth "hold and drag" slider on your webpages. | /r/coolgithubprojects | 2023-01-13 -
16. image-slider
-
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
-
-
Project mention: I created the Unslider carousel plugin with Vanilla JS | /r/learnjavascript | 2023-09-15
Repo: https://github.com/nzbin/unsliderjs
-
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
JavaScript Slider related posts
- I am looking for a double thumb slider ( input range ).
- Build A Reusable Carousel With React And Splide.js
- Any good sliders other than outdated slickJs
- AutoGapSlider - Effortlessly Create Stunning React Sliders with AutoGapSlider
- What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
- Any idea on how to create this carousel?
- What is your favourite slider module?
-
A note from our sponsor - Sonar
www.sonarsource.com | 26 Sep 2023
Index
What are some of the best open-source Slider projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Swiper | 36,439 |
2 | Glide.js | 6,964 |
3 | bxSlider 4.2.14 | 4,210 |
4 | bootstrap-slider | 2,994 |
5 | rc-slider | 2,958 |
6 | Ion.RangeSlider | 2,538 |
7 | slidr | 1,565 |
8 | react-native-onboarding-swiper | 898 |
9 | react-slider | 844 |
10 | accessible-slick | 231 |
11 | SliderCaptcha | 220 |
12 | react-gallery-carousel | 203 |
13 | swiffy-slider | 199 |
14 | react-circular-slider | 148 |
15 | react-instagram-zoom-slider | 72 |
16 | range-slider-input | 69 |
17 | toolcool-range-slider | 49 |
18 | drag | 44 |
19 | image-slider | 36 |
20 | sliderm.js | 7 |
21 | d3-dual-range-slider | 7 |
22 | unsliderjs | 5 |
23 | react-native-bubble-slider | 4 |