Name: Javascript Range Slider
Brand: Javascript Range Slider
SKU: js/best-javascript-range-slider-libraries
Rating: 4.35 (15 reviews)

Leaderboard Categories

Curated by the Openbase team and community. Learn more

rc-slider

React Slider

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

29.7KB

Tree-Shakeable

@angular-slider/ngx-slider

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

17.0KB

Tree-Shakeable

@ptomasroos/react-native-multi-slider

Android and iOS Pure JS react native multi slider

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

vue-histogram-slider

Range slider with histogram for Vue.js

License: GPL-3.0

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

103.5KB

Not Tree-Shakeable

react-slider

Accessible, CSS agnostic, slider component for React.

License: MIT

TypeScript Definitions: DefinitelyTyped

Bundle Size (min+gzip)

N/A

Tree-Shakeable

rn-range-slider

A native slider with range

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

@chakra-ui/slider

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

ion-rangeslider

jQuery only range slider

License: MIT

TypeScript Definitions: DefinitelyTyped

Bundle Size (min+gzip)

8.65KB

Not Tree-Shakeable

@ag-grid-enterprise/range-selection

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

License: Unknown

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

vue-slider-component

🌡 A highly customized slider component

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

@react-spectrum/slider

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

License: Apache-2.0

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

3.65KB

Tree-Shakeable

@reach/slider

The Accessible Foundation for React Apps and Design Systems

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

4.89KB

Tree-Shakeable

react-range

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

nouislider

noUiSlider is a lightweight JavaScript range slider library with full multi-touch support. It fits wonderfully in responsive designs and has no dependencies.

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

@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: Unknown

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@clayui/slider

A web implementation of the Lexicon Experience Language

License: BSD-3-Clause

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

1.69KB

Not Tree-Shakeable

@react-native-community/slider

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

2.37KB

Not Tree-Shakeable

@lion/input-range

Fundamental white label web component features for your design system.

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@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: Unknown

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@nativescript-community/ui-material-slider

Monorepo that contains all of the NativeScript Material Design plugins.

License: Apache-2.0

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

react-range-step-input

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

License: GPL-3.0+

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

4.63KB

Not Tree-Shakeable

@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: Unknown

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@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: Unknown

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Tree-Shakeable

svelte-range-slider-pips

Multi-Thumb, Accessible, Beautiful Range Slider with Pips

License: MPL-2.0

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

8.50KB

Tree-Shakeable

react-bootstrap-range-slider

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

License: MIT

TypeScript Definitions: DefinitelyTyped

Bundle Size (min+gzip)

2.66KB

Not Tree-Shakeable

@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: Unknown

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

137.8KB

Tree-Shakeable

@progress/kendo-react-inputs

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

License: Unknown

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

nouislider-react

React wrapper on NoUiSlider

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

2.02KB

Tree-Shakeable

react-simple-range

🔉 React slider component for inputting a numeric value within a range.

License: ISC

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

3.54KB

Not Tree-Shakeable

@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: Unknown

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

128.9KB

Tree-Shakeable

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: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

@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: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

ng2-nouislider

Angular2 noUiSlider directive

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

1.91KB

Tree-Shakeable

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: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

N/A

Not Tree-Shakeable

np-ui-lib

Native Angular UI Components and Design Framework

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

npn-slider

A multi range slider component using Angular v7.0

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

3.43KB

Tree-Shakeable

react-input-range

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

5.34KB

Not Tree-Shakeable

vue-range-component

A range slider component based on vue (Vue滑块组件).

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

6.48KB

Tree-Shakeable

rangetouch

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

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

1.65KB

Tree-Shakeable

react-semantic-ui-range

A Semantic UI Slider for React

License: ISC

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

3.17KB

Not Tree-Shakeable

@progress/kendo-angular-inputs

Inputs Package for Angular

License: Unknown

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

N/A

Tree-Shakeable

@jaspero/ng-slider

A light slider with no external dependencies

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

3.45KB

Tree-Shakeable

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: MIT

TypeScript Definitions: DefinitelyTyped

Bundle Size (min+gzip)

4.86KB

Not Tree-Shakeable

@gilbarbara/react-range-slider

A range slider component for React

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

3.85KB

Tree-Shakeable

react-ranger

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

License: MIT

TypeScript Definitions: DefinitelyTyped

Bundle Size (min+gzip)

1.88KB

Tree-Shakeable

angularjs-slider

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

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

8.69KB

Not Tree-Shakeable

angularjs-nouislider

An AngularJS wrapper for the noUiSlider range slider with minimal overhead.

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

71.5KB

Not Tree-Shakeable

react-scrubber

React scrubber component with touch controls, styling, and lots event handlers

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

11.4KB

Not Tree-Shakeable

ngx-bootstrap-slider

An Angular Bootstrap Slider, based on seiyria/bootstrap-slider.

License: MIT

TypeScript Definitions: Built-In

Bundle Size (min+gzip)

1.64KB

Tree-Shakeable

angular-bootstrap-slider

an angularjs directive for seiyria-bootstrap-slider

License: MIT

TypeScript Definitions: Not Found

Bundle Size (min+gzip)

1.51KB

Not Tree-Shakeable

122 Best JavaScript Range Slider Libraries

rc-slider

React Slider

@angular-slider/ngx-slider

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

@ptomasroos/react-native-multi-slider

Android and iOS Pure JS react native multi slider

vue-histogram-slider

Range slider with histogram for Vue.js

react-slider

Accessible, CSS agnostic, slider component for React.

rn-range-slider

A native slider with range

@chakra-ui/slider

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

ion-rangeslider

jQuery only range slider

@ag-grid-enterprise/range-selection

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

vue-slider-component

🌡 A highly customized slider component

@react-spectrum/slider

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

@reach/slider

The Accessible Foundation for React Apps and Design Systems

react-range

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

nouislider

noUiSlider is a lightweight JavaScript range slider library with full multi-touch support. It fits wonderfully in responsive designs and has no dependencies.

@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.

@clayui/slider

A web implementation of the Lexicon Experience Language

@react-native-community/slider

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

@lion/input-range

Fundamental white label web component features for your design system.

@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.

@nativescript-community/ui-material-slider

Monorepo that contains all of the NativeScript Material Design plugins.

react-range-step-input

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

@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.

@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.

svelte-range-slider-pips

Multi-Thumb, Accessible, Beautiful Range Slider with Pips

react-bootstrap-range-slider

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

@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.

@progress/kendo-react-inputs

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

nouislider-react

React wrapper on NoUiSlider

react-simple-range

🔉 React slider component for inputting a numeric value within a range.

@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.

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.

@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.

ng2-nouislider

Angular2 noUiSlider directive

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.

np-ui-lib

Native Angular UI Components and Design Framework

npn-slider

A multi range slider component using Angular v7.0

react-input-range

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

vue-range-component

A range slider component based on vue (Vue滑块组件).

rangetouch

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

react-semantic-ui-range