🌜
🌞

Best JavaScript Range Slider Component Libraries

@chakra-ui/slider

@chakra-ui/slider

v2.0.6

Accessible slider component for React that implements <input type=range>

Last Commit
Oct 4, 2022
GitHub Stargazers
28.9K
License
MIT
Contributors
97
rc-slider

rc-slider

v10.0.1

Slider UI component for React

Last Commit
Jul 13, 2022
GitHub Stargazers
2,834
License
MIT
Contributors
90
range-slider-element

range-slider-element

v1.0.0

A customizable range slider element

Last Commit
May 3, 2022
GitHub Stargazers
44
License
MIT
Contributors
2
nouislider

nouislider

v15.6.0

noUiSlider is a lightweight JavaScript range slider.

Last Commit
Aug 17, 2022
GitHub Stargazers
5,320
License
MIT
Contributors
66
svelte-range-slider-pips

svelte-range-slider-pips

v2.0.3

Multi-Thumb, Accessible, Beautiful Range Slider with Pips

Last Commit
Jun 25, 2022
GitHub Stargazers
234
License
MPL-2.0
Contributors
4
react-bootstrap-range-slider

react-bootstrap-range-slider

v3.0.8

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

Last Commit
Jun 24, 2022
GitHub Stargazers
45
License
MIT
Contributors
2
@lion/input-range

@lion/input-range

v0.10.8

Provide a way for users to select one value from a range of values

Last Commit
Sep 22, 2022
GitHub Stargazers
1,422
License
MIT
Contributors
88
coveo-slider

coveo-slider

v1.0.2

Coveo's enhanced slider component using HTML5 input range

Last Commit
Jul 29, 2019
GitHub Stargazers
1
License
MIT
Contributors
1
@spectrum-web-components/slider

@spectrum-web-components/slider

v0.13.0

`<sp-slider>` allows users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.

Last Commit
Oct 6, 2022
GitHub Stargazers
717
License
Apache-2.0
Contributors
31
rangeslider-js

rangeslider-js

v3.2.5

lightweight range slider

Last Commit
May 20, 2019
GitHub Stargazers
42
License
MIT
Contributors
2
nouislider-react

nouislider-react

v3.4.1

React component wrapping leongersen/noUiSlider

Last Commit
Aug 27, 2021
GitHub Stargazers
55
License
MIT
Contributors
react-simple-range

react-simple-range

v2.0.0

A simple React component to input a number between a min and a max value using a slider

Last Commit
Jan 5, 2021
GitHub Stargazers
20
License
ISC
Contributors
3
react-range

react-range

v1.8.14

Range input. Slides in all directions.

Last Commit
Jul 18, 2022
GitHub Stargazers
752
License
MIT
Contributors
27
react-marker-slider

react-marker-slider

v1.1.1

React component for inputting numeric values within a range, now with a slider

Last Commit
Mar 12, 2019
GitHub Stargazers
-
License
MIT
Contributors
18
@spectrum-web-components/color-slider

@spectrum-web-components/color-slider

v0.3.13

An `<sp-color-slider>` lets users visually change an individual channel of a color. The background of the `<sp-color-slider>` is a visual representation of the range of values a user can select from. This can represent color properties such as hues, color

Last Commit
Oct 6, 2022
GitHub Stargazers
717
License
Apache-2.0
Contributors
31
react-hgs-input-range

react-hgs-input-range

v1.3.1

React component for inputting numeric values within a range

Last Commit
-
GitHub Stargazers
5
License
MIT
Contributors
18