Home
nouislider

noUiSlider is a lightweight JavaScript range slider.

nouislider

Package: nouislider

Created by: leongersen

Last modified: Wed, 14 Jun 2023 09:26:54 GMT

Version: 15.7.1

License: MIT

Downloads: 1,124,034

Repository: https://github.com/leongersen/noUiSlider

Install

npm install nouislider

yarn add nouislider

noUiSlider

noUiSlider is a lightweight JavaScript range slider.

Accessible with aria and keyboard support
GPU animated: no reflows, so fast; even on older devices
All modern browsers and IE > 9 are supported
No dependencies
Fully responsive
Multi-touch support on Android, iOS and Windows devices
Tons of examples and answered Stack Overflow questions

License

noUiSlider is licensed MIT.

It can be used for free and without any attribution, in any personal or commercial project.

Documentation

An extensive documentation, including examples, options and configuration details, is available here:

noUiSlider documentation.

Contributing

See Contributing.

Sponsorship

noUiSlider is a stable project that still receives a lot of feature requests. A lot of these are interesting, but require a good amount of effort to implement, test and document. Sponsorship of this project will allow me to spend some more of my time on these feature requests.

Please consider sponsoring the project by clicking the "❤ Sponsor" button above. Thanks!

Tooling

Cross-browser testing kindly provided by BrowserStack.

Dependencies

@typescript-eslint/eslint-plugin: ^5.10 @typescript-eslint/parser: ^5.10 eslint: ^8.7 less: ^4.1 less-plugin-clean-css: ^1.5 prettier: ^2.5 rollup: ^2.65.0 rollup-plugin-typescript2: ^0.31 typescript: ^4.5 uglify-js: ^3.14

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Vue.js has gained immense popularity as a JavaScript framework for building user interfaces. Its simplicity, flexibility, and performance have made it a favorite among developers. However, to...

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Data validation is a critical aspect of web development that ensures the accuracy and integrity of user input. Whether it's validating an email address, password, or phone number, implementing robust...

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Hey there, Vue.js enthusiasts! Are you ready to dive into the world of troubleshooting? In this blog post, we'll be discussing common issues and solutions with vue-loader without using vue-cli....

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Welcome to another blog post on optimizing Webpack 4 with Vue CLI 3! In this article, we'll explore how to disable the Cache-Loader in Webpack and discuss the importance of optimizing build times for...

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

In today's blog post, we are going to dive into the world of Vuex plugins and explore how to add a function to your plugin. Vuex is an essential part of managing state in Vue applications, and...

© 2023 Vuejscomponent All Rights Reserved

Introducing a blog that delves into the exciting world of Vue.js components. Stay tuned for insightful examples and valuable insights that will elevate your Vue.js development skills.