Top 13 range-slider Open-Source Projects

• noUiSlider

  2 5,600 5.7 TypeScript

  noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.

Project mention: Who knows the name of this plugin? | /r/Wordpress | 2023-06-08

The individual sliders are built using this: https://refreshless.com/nouislider/

• Ion.RangeSlider

  0 2,542 0.6 JavaScript

  jQuery only range slider

• SurveyJS

  surveyjs.io sponsored

  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.

  

• vue-slider-component

  1 2,386 0.0 TypeScript

  🌡 A highly customized slider component

• rangeslider.js

  0 2,164 0.0 JavaScript

  🎚 HTML5 input range slider element jQuery polyfill

• react-slider

  4 880 5.6 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?

• MultiSlider

  0 449 4.8 Swift

  UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.

• svelte-range-slider-pips

  2 419 6.6 Svelte

  Multi-Thumb, Accessible, Beautiful Range Slider with Pips

Project mention: [Self-promo] Neutrino oscillator / personal portfolio | /r/sveltejs | 2023-10-21

Value sliders by [simeydotme](https://github.com/simeydotme/svelte-range-slider-pips) bound to a store

• WorkOS

  workos.com sponsored

  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.

  

• slider

  2 265 6.0 JavaScript

  Vue 3 slider component with multihandles, tooltips merging and formatting (+Tailwind CSS support). (by vueform)

  

Project mention: How do I create a player-style slider with two different indicator colors in Tailwind? | /r/tailwindcss | 2023-05-05

Drop some code in a codepen or an image then we can help. I recently used the https://github.com/vueform/slider package, you mind find your leads in their source.

• uji

  15 179 0.8 JavaScript

  A minimalist generative art thing – press the buttons and play with the sliders!

• range-slider-input

  2 77 0.7 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

  6 68 6.5 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.

• vue3-slider

  1 43 0.0 Vue

  A modern, customizable slider built entirely in Vue.js 3 and TypeScript.

• d3-dual-range-slider

  1 7 5.1 JavaScript

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

range-slider related posts

• [Self-promo] Neutrino oscillator / personal portfolio
  2 projects | /r/sveltejs | 21 Oct 2023
• Who knows the name of this plugin?
  1 project | /r/Wordpress | 8 Jun 2023
• Tool Cool TypeScript Range Slider
  1 project | news.ycombinator.com | 2 Jun 2023
• Multi-pointer range slider library written in typescript.
  1 project | /r/coolgithubprojects | 1 Jun 2023
• How do I create a player-style slider with two different indicator colors in Tailwind?
  1 project | /r/tailwindcss | 5 May 2023
• Why imported javascript function isn't working
  1 project | /r/djangolearning | 23 Oct 2022
• Fire Range Slider
  1 project | /r/javascript | 1 Oct 2022
• A note from our sponsor - WorkOS
  workos.com | 28 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

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.

www.influxdata.com