This repository has been archived by the owner. It is now read-only.
No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

This project is not well maintained, have a look at other natives react sliders:


Wraps leongersen/noUiSlider in a react component.

New features

There are no added features in react-nouislider compared to the underlying noUiSlider project. If you need more features please direct them to the repository.


All the options used in react-nouislider are then passed to noUiSlider. See the noUiSlider documentation before opening issues.


npm install react-nouislider --save
import React from 'react';
import ReactDOM from 'react-dom';

import Nouislider from 'react-nouislider';

    range={{min: 0, max: 200}}
    start={[0, 100]}
  />, document.querySelector('#container')

Development workflow

npm install
npm run dev