noUiSlider
A lightweight, accessible JavaScript range slider with GPU animation, multi-touch, and no dependencies.
What is noUiSlider?
noUiSlider is a lightweight JavaScript library for creating accessible, high-performance range sliders in web applications. It solves the need for a customizable slider component that works smoothly across devices without external dependencies. The library focuses on speed through GPU animation and ensures usability with ARIA compliance and multi-touch support.
Frontend developers and web designers who need a reliable, accessible range slider for forms, dashboards, or interactive tools. It's ideal for projects where performance, cross-browser compatibility, and touch interaction are priorities.
Developers choose noUiSlider for its combination of zero dependencies, excellent accessibility features, and smooth GPU-powered animations. It stands out by offering a robust, responsive slider that's easy to integrate and performs well even on older hardware.
Overview
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.
Use Cases
Best For
- Adding accessible range selectors to forms and filters
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
