10 Best JavaScript Range Slider Libraries

List hand-picked by Openbase Experts
Learn More

rc-slider

React Slider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
8
Top Feedback
8Great Documentation
5Hard to Use
3Easy to Use
GitHub Stars
3K
Weekly Downloads
1M
Last Commit
2mos ago

@syncfusion/ej2-angular-inputs

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
189
Weekly Downloads
7K
Last Commit
1mo ago
vhs

vue-histogram-slider

Range slider with histogram for Vue.js

License Icon
License: GPL-3.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
92
Weekly Downloads
2K
Last Commit
5mos ago

react-slider

Accessible, CSS agnostic, slider component for React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.7/ 5
3
Top Feedback
1Poor Documentation
GitHub Stars
710
Weekly Downloads
87K
Last Commit
7mos ago

@angular-slider/ngx-slider

Self-contained, mobile friendly slider component for Angular 6+ based on angularjs-slider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
287
Weekly Downloads
44K
Last Commit
1yr ago
rnm

@ptomasroos/react-native-multi-slider

Android and iOS Pure JS react native multi slider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
GitHub Stars
653
Weekly Downloads
23K
Last Commit
1yr ago
ir

ion-rangeslider

jQuery only range slider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Performant
GitHub Stars
2K
Weekly Downloads
50K
Last Commit
7mos ago
bs

bootstrap-slider

A slider control for Bootstrap 3 & 4.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Hard to Use
GitHub Stars
3K
Weekly Downloads
101K
Last Commit
3mos ago

@ag-grid-enterprise/range-selection

The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
71K
Last Commit
1mo ago

@chakra-ui/slider

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
23K
Weekly Downloads
209K
Last Commit
1mo ago
rrs

rn-range-slider

A native slider with range

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
4Great Documentation
1Easy to Use
1Performant
GitHub Stars
155
Weekly Downloads
6K
Last Commit
5mos ago

@radix-ui/react-slider

An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
33K
Last Commit
1mo ago

@reach/slider

The Accessible Foundation for React Apps and Design Systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5K
Weekly Downloads
41K
Last Commit
2mos ago
nou

nouislider

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.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5K
Weekly Downloads
231K
Last Commit
3mos ago

@react-spectrum/slider

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
3K
Last Commit
1mo ago

@syncfusion/ej2-inputs

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
283
Weekly Downloads
70K
Last Commit
1mo ago
vsc

vue-slider-component

🌡 A highly customized slider component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
120K
Last Commit
3mos ago

@react-native-community/slider

React Native component used to select a single value from a range of values

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
719
Weekly Downloads
81K
Last Commit
2mos ago
rr

react-range

🎚️Range input with a slider. Accessible. Bring your own styles and markup.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Poor Documentation
GitHub Stars
670
Weekly Downloads
100K
Last Commit
3mos ago

@clayui/slider

A web implementation of the Lexicon Experience Language

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
181
Weekly Downloads
205
Last Commit
1mo ago

@nativescript-community/ui-material-slider

Monorepo that contains all of the NativeScript Material Design plugins.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
198
Weekly Downloads
334
Last Commit
2mos ago

@lion/input-range

Fundamental white label web component features for your design system.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
330
Last Commit
1mo ago
rrs

react-range-step-input

An <input type=range> that steps up and down on click

License Icon
License: GPL-3.0+
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
523
Last Commit
7mos ago

@syncfusion/ej2-react-inputs

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
4K
Last Commit
1mo ago

@progress/kendo-react-inputs

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
105
Weekly Downloads
51K
Last Commit
4mos ago

@syncfusion/ej2-vue-inputs

Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
213
Weekly Downloads
2K
Last Commit
1mo ago

@syncfusion/ej2-react-circulargauge

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
743
Last Commit
1mo ago
srs

svelte-range-slider-pips

Multi-Thumb, Accessible, Beautiful Range Slider with Pips

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
137
Weekly Downloads
1K
Last Commit
4mos ago

@syncfusion/ej2-react-lineargauge

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
331
Last Commit
1mo ago
nr

nouislider-react

React wrapper on NoUiSlider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
47
Weekly Downloads
12K
Last Commit
5mos ago

angularjs-slider

Slider directive for AngularJS 1.X. No dependencies and mobile friendly.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
22K
Last Commit
5mos ago
vcr

vue-custom-range-slider

A custom range slider for vue, that builds on the native range slider, but supports stuff like custom values, labels and more.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
10
Weekly Downloads
697
Last Commit
5mos ago
jus

justgage

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Performant
GitHub Stars
2K
Weekly Downloads
3K
Last Commit
5mos ago
nn

ng2-nouislider

Angular2 noUiSlider directive

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
185
Weekly Downloads
48K
Last Commit
1yr ago
rbr

react-bootstrap-range-slider

A range slider with tooltips for React Bootstrap (Bootstrap 4) that extends the HTML input element.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
43
Weekly Downloads
5K
Last Commit
3mos ago

np-ui-lib

Native Angular UI Components and Design Framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
10
Weekly Downloads
40
Last Commit
2mos ago
ran

rangetouch

A super tiny library to make `<input type='range'>` sliders work better on touch devices

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
230
Weekly Downloads
80K
Last Commit
2yrs ago
rir

react-input-range

React component for inputting numeric values within a range (range slider)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
699
Weekly Downloads
69K
Last Commit
4yrs ago
rsu

react-semantic-ui-range

A Semantic UI Slider for React

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
37
Weekly Downloads
4K
Last Commit
10mos ago
kai

@progress/kendo-angular-inputs

Inputs Package for Angular

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
43K
Last Commit
N/A
rr

react-rangeslider

A lightweight responsive react range slider component.A fast & lightweight react component as a drop in replacement for HTML5 input range slider element.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
610
Weekly Downloads
42K
Last Commit
4yrs ago
es

@love-open-source/ember-slider

Slider (and likert scale) addon for ember apps

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
9
Weekly Downloads
90
Last Commit
4mos ago
gij

gijgo

Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap, Material Design and Font Awesome. They are designed

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
7K
Last Commit
N/A
rr

@appigram/react-rangeslider

A lightweight responsive react range slider component.A fast & lightweight react component as a drop in replacement for HTML5 input range slider element.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
999
Last Commit
3mos ago
vrs

vue-range-slider

Simple slider component of Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
121
Weekly Downloads
6K
Last Commit
2yrs ago
fr

@atlaskit/field-range

Component which renders a slider and is a substitute of the native input[range] element

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
4K
Last Commit
N/A
rr

react-ranger

⚛️ Hooks for building range and multi-range sliders in React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
295
Weekly Downloads
4K
Last Commit
1yr ago
abs

angular-bootstrap-slider

an angularjs directive for seiyria-bootstrap-slider

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
182
Weekly Downloads
4K
Last Commit
2yrs ago
vsb

vue-slide-bar

🎢 A Simple Vue Slider Bar Component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
138
Weekly Downloads
3K
Last Commit
3yrs ago
ran

@atlaskit/range

A range lets users choose an approximate value on a slider.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3K
Last Commit
N/A