Top 23 JavaScript Slider Projects

• Swiper

  33 36,439 9.3 JavaScript

  Most modern mobile touch slider with hardware accelerated transitions

  Project mention: Slider with two thumbs | /r/reactjs | 2023-07-07

• Glide.js

  1 6,964 5.0 JavaScript

  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: Trying to remember the name of a library... | /r/reactjs | 2023-03-29

  I bet it's https://glidejs.com/

• Appwrite

  appwrite.io

  sponsored

  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!

  

• bxSlider 4.2.14

  0 4,210 0.0 JavaScript

  Responsive jQuery content slider

• bootstrap-slider

  0 2,994 0.0 JavaScript

  A slider control for Bootstrap 3 & 4.

• rc-slider

  0 2,958 7.1 JavaScript

  React Slider

  

• Ion.RangeSlider

  0 2,538 0.0 JavaScript

  jQuery only range slider

• slidr

  0 1,565 0.0 JavaScript

  add some slide effects. (by bchanx)

• SurveyJS

  surveyjs.io

  sponsored

  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.

  

• react-native-onboarding-swiper

  0 898 0.0 JavaScript

  🛳 Delightful onboarding for your React-Native app

• react-slider

  1 844 6.4 JavaScript

  Accessible, CSS agnostic, slider component for React.

  

  Project mention: I am looking for a double thumb slider ( input range ). | /r/reactjs | 2023-07-11

  Have you tried react-slider or multi-range-slider-react?

• accessible-slick

  3 231 0.0 JavaScript

  the last (accessible) carousel you'll ever need.

  

  Project mention: Any idea on how to create this carousel? | /r/Wordpress | 2023-02-10

• SliderCaptcha

  0 220 4.4 JavaScript

  Slider captcha support mobile

• react-gallery-carousel

  2 203 4.8 JavaScript

  Carousel component 🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 💻 Live editor: https://yifanai.com/rgcd1

  Project mention: React Carousel Component "with Batteries Included" | dev.to | 2023-01-28

• swiffy-slider

  0 199 5.8 JavaScript

  Super fast carousel and slider with touch for optimized websites running in modern browsers.

  

• react-circular-slider

  0 148 0.0 JavaScript

  A simple circular slider for react

• react-instagram-zoom-slider

  0 72 0.0 JavaScript

  🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram

• range-slider-input

  0 69 0.0 JavaScript

  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

  4 49 0.0 JavaScript

  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-05

  Also 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

  1 44 10.0 JavaScript

  :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

• image-slider

  1 36 0.0 JavaScript

  📷 Image slider component for your pictures

  Project mention: 16 Libraries You Should Know as a React Developer 💯🔥 | dev.to | 2022-10-04

  16. image-slider

• sliderm.js

  3 7 10.0 JavaScript

  A carousel & slider JavaScript library.

  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

• d3-dual-range-slider

  0 7 0.0 JavaScript

  SVG component for dual-range-slider built with D3.js.

• unsliderjs

  1 5 10.0 JavaScript

  A very simple JS slider.

  Project mention: I created the Unslider carousel plugin with Vanilla JS | /r/learnjavascript | 2023-09-15

  Repo: https://github.com/nzbin/unsliderjs

• react-native-bubble-slider

  0 4 4.6 JavaScript

  React Native slider animation

• Amplication

  amplication.com

  sponsored

  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 ).
  2 projects | /r/reactjs | 11 Jul 2023
• Build A Reusable Carousel With React And Splide.js
  3 projects | dev.to | 14 Jun 2023
• Any good sliders other than outdated slickJs
  2 projects | /r/jquery | 12 Jun 2023
• AutoGapSlider - Effortlessly Create Stunning React Sliders with AutoGapSlider
  1 project | /r/reactjs | 22 Apr 2023
• What do you all use for your sliders? Do you build them from scratch or use some kind of plugin?
  4 projects | /r/webdev | 14 Mar 2023
• Any idea on how to create this carousel?
  1 project | /r/Wordpress | 10 Feb 2023
• What is your favourite slider module?
  2 projects | /r/drupal | 1 Jan 2023
• A note from our sponsor - Sonar
  www.sonarsource.com | 26 Sep 2023

  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 →

Index

Sponsored

Collect and Analyze Billions of Data Points in Real Time

Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

www.influxdata.com

Do not miss the trending JavaScript projects with our weekly report!