With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Slider Projects
-
Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
-
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)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
Project mention: Using styled components with child elements generated by 3rd-party libraries | /r/reactjs | 2023-11-29
I think it's a better practice to have "flat" CSS declarations when using styled components (instead of referencing the children of the element)? Is it possible to accomplish that with child elements that are generated by 3rd-party libraries (in this case rc-slider)?
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
Have you tried react-slider or multi-range-slider-react?
-
-
-
swiffy-slider
Super fast carousel and slider with touch for optimized websites running in modern browsers.
-
react-gallery-carousel
Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1
-
-
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
-
react-instagram-zoom-slider
🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram
-
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: I created the Unslider carousel plugin with Vanilla JS | /r/learnjavascript | 2023-09-15
Repo: https://github.com/nzbin/unsliderjs
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
JavaScript Slider related posts
- Using styled components with child elements generated by 3rd-party libraries
- 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?
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 Apr 2024
Index
What are some of the best open-source Slider projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Swiper | 38,517 |
2 | Glide.js | 7,152 |
3 | bxSlider 4.2.14 | 4,217 |
4 | rc-slider | 3,000 |
5 | bootstrap-slider | 2,992 |
6 | Ion.RangeSlider | 2,542 |
7 | slidr | 1,563 |
8 | react-native-onboarding-swiper | 922 |
9 | react-slider | 877 |
10 | SliderCaptcha | 260 |
11 | accessible-slick | 244 |
12 | swiffy-slider | 232 |
13 | react-gallery-carousel | 211 |
14 | react-circular-slider | 161 |
15 | range-slider-input | 77 |
16 | react-instagram-zoom-slider | 76 |
17 | toolcool-range-slider | 67 |
18 | drag | 44 |
19 | image-slider | 42 |
20 | sliderm.js | 8 |
21 | d3-dual-range-slider | 7 |
22 | unsliderjs | 6 |
23 | react-native-bubble-slider | 4 |